HTML에서 테이블 표현

HTML에서 테이블 표현

<table border="1">

<tr>

<td>1행1열</td>

<td>1행2열</td>

</tr>

<tr>

<td>2행1열</td>

<td>2행2열</td>

</tr>

</table>

<td> : table data

<th> : table head : 행/열의 제목을 표시할 때 (bold, center)

<caption> : 테이블 전체에 해당하는 제목, 반드시 table 시작태그 바로 다음에 위치해야함

- 셀 병합 :  인접한 여러 셀을 합쳐 하나의 셀로 만드는 것

 rowspan(세로방향), colspan(가로방향) : <td> or <th> 태그 내에서 사용

- 행 단위 콘텐츠의 그룹핑

 <thead>, <tbody>, <tfoot> 태그

 테이블에서 행 단위 콘텐츠를 헤더, 몸체, 푸터 부분으로 

구분하고 그룹핑하는 태그

 테이블의 레이아웃에는 아무런 영향을 미치지 않음

 보기 좋게 구분해서 그룹핑

 순서대로 사용해야 함