표 만들기 table, tr, td, th, caption, thead, tbody, tfoot, rowspan, colspan, col, colgroup

표 만들기 table, tr, td, th, caption, thead, tbody, tfoot, rowspan, colspan, col, colgroup

 

표(table)은 행(row)과 열(column) 그리고 각각 셀(cell)로 이루어진다.
필요할 경우 표의 구조로 제목(thead), 본문(tbody), 요약(tfoot)을 지정 할 수 있다.

 

<table>
    <tr>
        <td> 1행 1열 </td>
        <td> 1행 2열 </td>
    </tr>
    <tr>
        <td> 2행 1열 </td>
        <td> 2행 2열 </td>
    </tr>
</table>

[1행 1열]	[1행 2열]
[2행 1열]	[2행 2열]

 

<table>
	<caption> 표 구성 예제 </caption>
    <thead>
        <th> head c0 </th>
        <th> head c1 </th>
        <th> head c2 </th>
	</thead>
    <tr>
        <th rowspan="2"> head r1 </th>
        <td> 1행 1열 </td>
        <td> 1행 2열 </td>
    </tr>
    <tr>
        <td> 2행 1열 </td>
        <td> 2행 2열 </td>
    </tr>
</table>

표 구성 예제

head c0	head c1	head c2
head r1	1행 1열	1행 2열
	2행 1열	2행 2열

 

행 열 묶기 <rowspan> <colspan>

 

 

열 묶기 <col>, <colgroup>