HTML - 요소((표 컨텐츠) table, tr, th, td, caption, col, colgroup, thead, tbody, tfoot)

<table>

행과 열로 이루어진 데이터 표를 생성한다.

 

<tr>

표의 행(줄)을 생성한다.

 

<th>

표의 '머리글' 열(칸)을 생성한다.

abbr: 열에 대한 간단한 설명.

headers : 관련된 하나 이상의 다른 머리글 칸 "id" 속성 값.

colspan : 확장(병합)하려는 열의 수. 기본값=1.

rowspan : 확장(병합)하려는 행의 수. 기본값=1.

scope : 자신이 누구의 '머리글 칸'인지 명시.

*col: 자신의 열, colgroup: 모든 열, row: 자신의 행, rowgroup: 모든 행, auto

 

<td>

표의 '일반' 열(칸)을 생성한다.

headers : 관련된 하나 이상의 다른 머리글 칸 "id" 속성 값.

colspan : 확장(병합)하려는 열의 수. 기본값=1.

rowspan : 확장(병합)하려는 행의 수. 기본값=1.

 

<caption>

표의 제목을 설정한다.

<table> 태그 바로 다음에 작성해야 함. <table> 당 하나의 <caption>만 사용 가능.

 

<col>

표의 열들을 공통적으로 정의하는 컬럼.

span : 연속되는 열의 수. 기본값=1.

 

<colgroup>

<col>들의 집합.

 

<thead>, <tbody>, <tfoot>

표의 머리글, 본문, 바닥글을 지정한다.

테이블의 레이아웃에 영향을 주지 않는다.

 

<table>
  <thead>
    <caption>테이블 표 설명입니다.</caption>
    <colgroup>
      <col span="2" style="background-color:yellowgreen">
      <col style="background-color:yellow">
    </colgroup>
    <tr>
      <th>Month</th>
      <th>Numbers</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>1</td>
    </tr>
    <tr>
      <td>February</td>
      <td>2</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Total</td>
      <td>12</td>
    </tr>
  </tfoot>
</table>