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

高洛峰
풀어 주다: 2017-03-12 17:30:48
원래의
1511명이 탐색했습니다.

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

태그

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

속성: 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>
로그인 후 복사

태그

기능: 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>
로그인 후 복사

태그,

기능: 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>
로그인 후 복사

태그 및

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

사용법:

<form>
  <fieldset>
    <legend>基本信息</legend>
    姓名: <inputtype="text"/> 
    性别: <inputtype="text"/>
  </fieldset></form>
로그인 후 복사

태그 및 태그


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

사용법:

<p>2<sup>我是上标</sup></p>
<p>2<sub>我是下标</sub></p>
로그인 후 복사

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿