테이블 생성
<table></table> : 테이블 생성
<caption> : 테이블 제목
<tr> : 행
<th> : 제목 셀
<td> : 셀
ex)
<table border="1">
<caption></caption>
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<thead>, <tbody>, <tfoot> 태그를 사용하여 '제목', '본문', '요약'을 구조적으로 구분합니다.
테이블 속성
border=""
bordercolor=""
width=""
height=""
bgcolor=""
align=""
rowspan, colspan 속성
<td rowspan="합칠 셀의 개수"></td>
: 행이 합쳐짐
<td colspan="합칠 셀의 개수"></td>
: 열이 합쳐짐
ex)
<table>
<tr>
<td>1</td>
<td>2</td>
<td rowspan="2">3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
</table>
1 2 3
4 5
6 7 8
colgroup
: <colgroup> 태그는 <col> 태그를 묶는 데 사용하며, <col> 태그는 특정 열에 스타일을 지정하는 데 사용됩니다.
<table>
<colgroup>
<col style="width: 100px;">
<col>
<col>
</colgroup>
<tr>
<td>열 1</td>
<td>열 2</td>
<td>열 3</td>
</tr>
<tr>
<td>열 1</td>
<td>열 2</td>
<td>열 3</td>
</tr>
</table>