웹페이지 제작: 테이블의 세계 속으로

테이블은 오랫동안 모든 사람이 사용해 온 태그입니다. 그러나 현재 웹사이트 재구성으로 인해 테이블을 사용하는 것이 레이아웃에 사용되지 않는 것이 좋습니다. 소위 표준은 아니지만 그렇지 않습니다. 테이블은 중요한 요소입니다.

td

, thead, tfoot, tbody, col, colgroup 태그가 포함됩니다.

table 태그는 테이블을 정의합니다. <table> 태그 안에는 표 제목, 표 행, 표 열, 표 셀, 기타 표를 넣을 수 있습니다.

<캡션>
캡션 요소는 테이블 제목을 정의합니다. 캡션 태그는 테이블 태그 바로 뒤에 와야 합니다. 테이블당 하나의 제목만 정의할 수 있습니다. 일반적으로 제목은 표 중앙에 위치합니다.

<일>
테이블의 헤더 셀을 정의합니다. 이 요소 안의 텍스트는 일반적으로 굵게 표시됩니다.

<tr>
테이블에 행을 정의합니다.

<TD>
테이블의 셀을 정의합니다.

<머리>
테이블의 헤더를 정의합니다.
thead, tfoot 및 tbody 요소는 테이블의 행을 그룹화하는 기능을 제공합니다. 테이블을 생성할 때 머리글 행, 데이터가 포함된 일부 행, 하단에 총계 행을 두고 싶을 수도 있습니다. 이 분할을 통해 브라우저는 표 머리글 및 바닥글과 별도로 표 본문 스크롤을 지원할 수 있습니다. 긴 표를 인쇄할 때 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

<본체>
테이블 본문(텍스트)을 정의합니다.
<tbody> 태그를 사용하면 테이블을 별도의 섹션으로 나눌 수 있습니다. <tbody> 태그는 테이블에서 하나 또는 여러 행을 그룹화할 수 있습니다.
테이블에 하나 또는 두 개 이상의 <tbody> 태그를 포함하고 싶을 수도 있지만 테이블에 <tbody> 태그가 없는 것이 좋습니다.
<tbody> 태그 중 <tr> 태그만 테이블 행을 정의할 수 있습니다. 그리고 일단 정의되면 <tbody> 태그는 테이블의 독립적인 부분입니다. 예를 들어, 하나의 <tbody>에서 다른 <tbody>로 확장할 수 없습니다.
thead, tfoot 및 tbody 요소는 테이블의 행을 그룹화하는 기능을 제공합니다. 테이블을 생성할 때 머리글 행, 데이터가 포함된 일부 행, 하단에 총계 행을 두고 싶을 수도 있습니다. 이 분할을 통해 브라우저는 표 머리글 및 바닥글과 별도로 표 본문 스크롤을 지원할 수 있습니다. 긴 표를 인쇄할 때 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

<tfoot>
테이블의 바닥글(각주)을 정의합니다.

thead, tfoot 및 tbody 요소는 테이블의 행을 그룹화하는 기능을 제공합니다. 테이블을 생성할 때 머리글 행, 데이터가 포함된 일부 행, 하단에 총계 행을 두고 싶을 수도 있습니다. 이 분할을 통해 브라우저는 표 머리글 및 바닥글과 별도로 표 본문 스크롤을 지원할 수 있습니다. 긴 표를 인쇄할 때 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

<열>
테이블에 있는 하나 이상의 열에 대한 속성 값을 정의합니다. 이 속성은 테이블이나 열 그룹에서만 사용할 수 있습니다.

<열그룹>
테이블 열의 그룹화를 정의합니다. 이 요소를 사용하면 서식 지정을 위해 열을 그룹화할 수 있습니다. 이 요소는 <table> 태그 내에서만 유효합니다.
<colgroup> 태그를 사용하는 방법에는 두 가지가 있습니다. 하나는 단순히 여러 개의 동일한 열을 정의하는 것이고, 다른 하나는 여러 개의 서로 다른 열을 결합하는 것입니다.