colspan 과 rowspan
colspan은 가로 방향으로 칸을 합칠때 사용하는 속성이다.
rowspan은 세로 방향으로 칸을 합칠때 사용하는 속성이다.
각 속성에는 숫자를 쓸 수 있는데 속성이 쓰여진 해당 칸부터 숫자만큼 합쳐진다.
이 속성들은 td나 th처럼 '칸'을 의미하는 태그에 사용해야 한다[기본형]
<td colspan='2'>내용</td> : 해당 칸은 가로로 2칸짜리임
<td rowspan='2'>내용</td> : 해당 칸은 세로로 2칸짜리임thead, tbody, tfoot
표의 구조를 나눌때 <thead>, <tbody>, <tfoot>으로 나눌 수 있다
<thead>태그는 제목을 나타내는 영역으로 제목들을 포함한다.
해당 태그안에는 제목을 나타낼 tr과 th들로 구성되어 있어야 한다.
<tbody>는 제목에 따른 본문 내용을 표시하는 공간이다. 여러 tr과 td들로 구성된 영역이다.
<tfoot>는 표의 요약내용을 나타낼때 사용한다. 예를 들어 총 게시물의 갯수나
표의 통계 내용 같은것을 포함하고 생략이 가능한 영역이다.[기본형]
<table>
<thead>tr과 th가 들어간다</thead>
<tbody>tr과 th,td가 들어간다</tbody>
<tfoot>tr과 th,td가 들어간다</tfoot>
</table><.colgroup>, <.col/>
한 열(세로줄)에 있는 모든 셀(칸)에 같은 스타일을 적용하고 싶을때 사용한다.
<col/>태그는 두 줄 이상의 열을 묶어 같은 스타일을 지정하려면 span속성을 사용할 수 있다.
만약 <col span='2'>형식으로 두 줄을 묶어주면 세로 두 줄에 동일한 스타일을 지정할 수 있다.
<colgroup>은 <col>들을 묶어주는 태그이다.
col의 갯수는 tr안의 td또는 th의 갯수와 같아야 한다.
col태그 안에는 width속성을 함께 쓸 수 있고, col마다 차지할 영역을 지정할 수 있다.[기본형]
<table>
<colgroup>
<col span='2' width='10%'/>
<col />
<col />
</colgroup>
</table>
Hi