HTML의 중요한 2가지 태그에 대한 자세한 설명

1. e388a4556c0f65e1904146cc1a846bee 태그 e388a4556c0f65e1904146cc1a846bee…94b3e26ee717c64999d7867364b1b4a3 웹페이지 생성 과정에서 일부 독립적인 논리적 부분이 나누어져 e388a4556c0f65e1904146cc1a846bee 컨테이너처럼 작동합니다. 논리적 섹션은 페이지에서 상호 연관된 요소의 집합입니다. 예를 들어, 웹 페이지의 독립 열 섹션은 일반적인 논리적 부분입니다.

  21071dd7e9327897b92978f69eaa380d...94b3e26ee717c64999d7867364b1b4a3 논리를 더 명확하게 하기 위해 id 속성은 e388a4556c0f65e1904146cc1a846bee에 고유한 이름을 제공합니다. ID 번호가 우리의 신원을 고유하게 식별하고 고유해야 하는 것과 같습니다.

2. 테이블 태그

웹 페이지의 테이블

은 테이블의 네 가지 요소인 table, tbody, tr, th를 생성합니다. , td

a, f5d188ed2c074f8b944552db028f98a1…f16b1740fad44fb09bfe928bcc527e08: 전체 테이블은 f5d188ed2c074f8b944552db028f98a1 태그로 시작하고 f16b1740fad44fb09bfe928bcc527e08 태그로 끝납니다.

b, 92cee25da80fac49f6fb6eec5fd2c22a…ca745a59da05f784b8811374296574e1: 테이블 내용이 많을 경우 테이블이 조금 다운로드되어 표시되지만, 92cee25da80fac49f6fb6eec5fd2c22a 테이블은 모든 내용이 다운로드될 때까지 표시되지 않습니다. 코드

편집기에서 오른쪽의 코드와 같습니다.

c, a34de1251f0d9fe1e645927f19a896e8…fd273fcf5bcad3dfdad3c41bd81ad3e5: 테이블의 행이므로 tr의 쌍만큼 테이블의 여러 행이 있습니다.

d, b6c5a531a458a2e790c1fd6421739d1c…b90dd5946f0946207856a8a37f441edf: 테이블의 셀입니다. 한 행에는 여러 쌍의 b6c5a531a458a2e790c1fd6421739d1c...b90dd5946f0946207856a8a37f441edf가 포함되어 있으며 열 수를 나타냅니다. 한 줄에 .

e, …: 테이블 헤드의 셀,

테이블 헤더.

f. 테이블의 열 수는 행의 데이터 셀 수에 따라 다릅니다.

<table>
  <tbody>
    <tr>
      <th>班级</th>
      <th>学生数</th>
      <th>平均成绩</th>
    </tr>
    <tr>
      <td>一班</td>
      <td>30</td>
      <td>89</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>35</td>
      <td>85</td>
    </tr>
    <tr>
      <td>三班</td>
      <td>32</td>
      <td>80</td>
    </tr>
  </tbody>
</table>

요약: 테이블 테이블은 CSS 스타일을 추가하기 전에 브라우저에 테이블 행을 표시하지 않습니다. 헤더, 즉 th의 텍스트는 기본적으로 굵게 표시되고 가운데 정렬됩니다.

<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>

테이블에 요약 추가 1f6885e76d7f63f7c70f8bce1b22f5c9 요약 내용은 브라우저에 표시되지 않으며, 테이블의 가독성을 높이는 기능입니다.

표의 내용을 설명하기 위해 표에 제목을 추가하고 표 위에 표시하세요

<table>
    <caption>标题文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>

[관련 권장 사항]

1.

온라인 무료 HTML 동영상 튜토리얼

2.

html 개발 매뉴얼

3.

php.cn 원본 html5 동영상 튜토리얼

위 내용은 HTML의 중요한 2가지 태그에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!