>웹 프론트엔드 >HTML 튜토리얼 >간과되었지만 유용한 HTML 태그

간과되었지만 유용한 HTML 태그

高洛峰
高洛峰원래의
2017-03-12 17:30:481538검색

이 기사에서는 무시되지만 유용한 html 태그

dde6fb694e6711ae5e6f381704c04ae4 태그

를 소개합니다. 기능: 태그는 페이지의 모든 링크에 대한 기본 링크 주소 또는 링크 대상을 지정합니다. 가끔 홈페이지의 모든 링크를 새 창에서 열어야 할 때가 있는데, 보통 이렇게 링크를 작성하는데, 이 태그를 사용하면 한번에 가능합니다!

속성: Href: 링크 주소 대상: 대상, 해당 값은 _blank, _parent, _self, _top일 수 있음, 예 사용됨 Strict 이외의 모드.

사용법:

<head><!—写在head标签之间-->
<base href="http://www.qq.com/"/> <!—将默认链接定义为http://www.qq.com/-->
<base target="_blank"/> <!—将默认链接目标定义为新窗口中打开-->
</head>
<body>
<a href="#">我可没写链接地址哦</a>
</body>

63bd76834ec05ac1f4c0ebbeaafb0994 태그

기능: Caption 태그를 사용합니다. 테이블 의 제목을 정의하고 테이블의 기능을 설명하는 제목을 정의합니다. 캡션은 테이블 뒤에 작성해야 합니다. 테이블 상단 중앙에 위치합니다. CSS를 통해 스타일을 변경할 수 있습니다.

사용법:

<table width="200" border="1">
<caption><!--caption应该写在table之后--> 其实我是caption </caption>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

ae20bdd317918ca68efdc799512a9b39 태그, 06669983c3badb677f993a8c29d18845

기능: Thead, tfoot 및 tbody 태그는 이름과 마찬가지로 테이블의 머리 부분(많은 사람들이 th만 사용함), 테마, 바닥 부분을 담당합니다.

의미 동시에 테이블의 성능을 보다 편리하게 제어할 수도 있습니다. 해외에서는 이 세 개의 테이블을 매우 이상한 방법으로 사용하여 테이블을 따르는 제목을 만들거나 tbody의 높이가 고정되어 있고 추가 행에 스크롤 막대가 나타나는 사람들이 있습니다. 관심이 있으시면 검색하시거나 여기서 하시면 됩니다.

사용법:

<table border="1">
  <thead>
    <tr>
        <th>科目</th>
        <th>分数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>语文</td>
      <td>99</td>
    </tr>
    <tr>
      <td>数学</td>
      <td>60</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>总分</td>
      <td>159</td>
    </tr>
  </tfoot>
</table>

2b5469ab79cf842344327415c3b3bb95 태그 및 e911751791aa3ba95dc724e2fb905976

기능: 2b5469ab79cf842344327415c3b3bb95 요소는 양식의 요소를 분류하는 데 사용되며, e911751791aa3ba95dc724e2fb905976는 이 그룹의 제목을 정의할 수 있습니다. 아래 도모와 비슷한 레이아웃을 보셨을 것입니다! CSS를 통해 스타일을 지정할 수도 있습니다.

사용법:

<form>
  <fieldset>
    <legend>基本信息</legend>
    姓名: <inputtype="text"/> 
    性别: <inputtype="text"/>
  </fieldset></form>

2cdea26b4c3988e37d674b56660962a7 태그 및 b96cac025db4031319c29e1eb68f19d6 태그


기능: b96cac025db4031319c29e1eb68f19d6 태그와 b96cac025db4031319c29e1eb68f19d6 태그는 각각 위 첨자 및 아래 첨자입니다. 비록 다양한 브라우저에서 다르게 작동하지만 CSS를 사용하여 스타일을 정의할 수도 있습니다.

사용법:

<p>2<sup>我是上标</sup></p>
<p>2<sub>我是下标</sub></p>

2e1cf0710519d5598b1f0f14c36ba674Label


기능: label 라벨을 사용하면 양식의 클릭 가능한 영역을 확장하여 양식의 사용성을 향상시킬 수 있습니다. 다음 사용법을 살펴보십시오. 텍스트를 클릭하는 것은 라디오 컨트롤을 클릭하는 것과 같습니다. 사용자 경험이 더 좋아질까요?

사용법:

<form>
  <label for="nan">先生</label><input type="radio" name="sex" id="nan"/><br/>
  <label for="nv">女士</label><input type="radio" name="sex" id="nv"/></form>


5b7a15bed8615d1b843806256bebea72 기능: 라벨은 선택 항목의 옵션을 그룹화할 수 있습니다. 이는 드롭다운 항목이 많을 때 라벨 태그를 사용하여 각 그룹의 이름을 지정하는 데 매우 유용합니다. CSS를 사용하여 Taobao와 같이 각 그룹에 대해 서로 다른 색상을 정의할 수도 있습니다.
 

사용법:

221f08282418e2996498697df914ce4e
  d3a048ff362ae7a238e5716742bbe75ff9479312f1a9ffec0e4647899f397d64
    5a07473c87748fb1bf73f23d45547ab8省内4afa15d3069109ac30911f04c56f3338
    5a07473c87748fb1bf73f23d45547ab8省外4afa15d3069109ac30911f04c56f3338
  bc2752b74169f27a1fb12a4976198c73
  297c837b718f26ba7a43974082f3b7da
    5a07473c87748fb1bf73f23d45547ab8省内4afa15d3069109ac30911f04c56f3338
    5a07473c87748fb1bf73f23d45547ab8省外4afa15d3069109ac30911f04c56f3338
    5a07473c87748fb1bf73f23d45547ab8国外4afa15d3069109ac30911f04c56f3338
  bc2752b74169f27a1fb12a4976198c7318bb6ffaf0152bbe49cd8a3620346341

실행 결과:


위 내용은 간과되었지만 유용한 HTML 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.