HTML에 대한 10 개의 테이블 관련 태그

저자：Eve Cole 업데이트 시간：2025-05-06 09:00:03

사실, 많은 사람들은 내가 형태를 사용해서는 안된다는 진술을 본다고 말할 것입니다. 그러나 이것은 절대적으로 잘못입니다! 이 제안은 HTML 테이블을 사용하여 웹 페이지의 레이아웃을 정의하기위한 것이지만 테이블은 편리한 행 및 데이터 정보 열의 배열에 적합하며 페이지에 테이블 열 데이터를 표시 해야하는 경우 사용해야합니다! 왜 안 돼? 그러나이 경우 일부 사람들은 테이블에 사용되는 특정 HTML 태그의 존재를 무시하고 올바르게 사용하는 방법을 모릅니다.

HTML에는 10 개의 테이블 관련 태그가 있습니다. 다음은 소개가있는 목록입니다. 그러나 먼저 문서는 HTML 4.01/XHTML 1 또는 HTML 5 아래에 올바르게 정의되어야합니다.

<caption> 테이블 제목 정의 (4, 5)
<col> 표의 열에 대한 속성 정의 (4, 5)
<colgroup> 테이블 열의 그룹화 정의 (4, 5)
<pable> 테이블 정의 (4, 5)
<TBody> 테이블 본체 정의 (4, 5)
<td> 셀 정의 (4, 5)
<tfoot> 테이블 노트 정의 (하단) (4, 5)
<th> 테이블 헤더 정의 (4, 5)
<head> 테이블 헤더 정의 (4, 5)
<tr> 테이블의 행을 정의합니다 (4, 5)

기본 테이블 구조는 다음과 같습니다.

제목, 머리, 신체 및 바닥이 포함되어 있습니다. HTML 요소의 올바른 순서는 다음과 같습니다.

<테이블>
<캡션>
<헤드>
<tfoot>
<tbody>

<col> 및 <colgroup>을 사용하여 테이블 또는 그룹 열의 열을 정의 할 수도 있습니다.

<테이블>
<캡션>
<colgroup>
<col>
<헤드>
<tfoot>
<tbody>

다음은 테이블 구조의 올바른 예입니다.

코드를 복사하십시오