표는 행(row)과 열(column)이 만나 이루는 셀(cell)들로 구성된다.

<table border="1">

<tr>

<th></th><th>Column 1</th><th>Column</th><th>Column 3</th>

</tr>

<tr>

<th>Row 1</th><td>Cell 1-1</td><td>Cell 1-2</td><td rowspan="2">Cell 1-3</td>

</tr>

<tr>

<th>Row 2</th><td colspan="2">Cell 2-1</td>

</table>


<table>, <tr>, <td>, <th>

<table> 태그를 이용해 표 전체 윤곽을 잡고 <tr> 태그로 행(row)을 만든 후 <td> 태그로 각 행마다 들어갈 셀(cell)을 만든다.
첫 번째 행과 열을 셀의 제목으로 하는 경우가 많은데 <td> 대신 <th> 태그를 사용하면 글자가 굵게 표시되고 중앙에 배치된다.

<table border="1">

<tr>

<th colspan="숫자">Table Header Cell</th>

<td rowspan="숫자">Table Cell</td>

</tr>

</table>

  • colspan : 셀을 가로로 합친다.
  • rowspan : 셀을 세로로 합친다.

<thead>, <tbody>, <tfoot>

표를 각각 제목(head), 본문(body), 요약(foot)으로 나눌 때 사용하는 태그이다.

<table>

<thead>

<tr></tr>

</thead>

<tbody>

<tr></tr>

</tbody>

<tfoot>

<tr></tr>

</tfoot>

</table>


+ Recent posts