[HTML] 테이블(table)

<table>

표를 만드는 태그입니다.

태그설명

<tr>	한 행을 표현하며 이 안에 <td>태그가 들어갑니다.
<td>	셀의 내용을 나타냅니다. 일반 속성으로 표시되며 왼쪽으로 정렬됩니다.
<th>	표의 제목을 나타냅니다. 굵게 표시되며 중앙으로 정렬됩니다
<caption>	표의 제목을 정합니다. <table>태그 바로 다음에 와야하고 디폴트 테이블 위쪽에 중앙 정렬되며 스타일 지정에 의해 위치나 정렬을 바꿀 수 있습니다.
<thead>	테이블의 헤더입니다.
<tbody>	테이블의 본문입니다.
<tfoot>	테이블의 풋터입니다.
<col>	컬럼의 속성을 지정합니다.
<colgroup>	컬럼의 그룹을 지정합니다. 여러 컬럼에 스타일을 입힐 때 사용합니다.

 

셀 병합

<th>, <td> 태그의 colspan, rowspan 속성으로 셀이 차지할 행과 열의 수를 밝힘으로써 한 칸 이상을 차지하는 셀을 만들 수 있습니다.

• colspan : 몇 개의 열을 병합할 것인가를 정합니다.
• rowspan : 몇 개의 행을 병합할 것인가를 정합니다.

테이블 레이아웃

셀의 width, height 속성을 사용하여 각 셀의 크기를 조정할 수 있고 셀 병합기능과 함께 사용하면 바둑판 모양을 벗어난 임의의 모양을 만들 수 있습니다.