테이블

<table width="80%" align="center" border="4">
	<caption align="left">테이블 샘플</caption>
	<tr>
		<td width="46%">데이타 셀</td>
		<td colspan="2">colspan 속성이 적용된 데이타 셀</td>
	</tr>
	<tr>
		<td rowspan="2" width="46%">rowspan 속성이 적용된 데이타 셀</td>
		<td width="35%">데이타 셀</td>
		<td width="19%">데이타 셀</td>
	</tr>
	<tr>
		<td width="35%">데이타 셀</td>
		<td width="19%">데이타 셀</td>
	</tr>
</table>

<table> ... </table>

속성

• border - 테이블 주위의 경계선의 값을 가진다.(border="4")
• width - 테이블의 넓이를 정확한 픽셀 값이나 페이지 넓이의 %값으로 나타낸다.
• cellspacing - 테이블 셀 사이의 간격
• cellpadding - 테이블 셀의 가장자리와 그내용사이의 간격을 정의
• align - 테이블의 자체의 정렬(center, left, right)
• bgcolor - 테이블 전체의 배경색을 나타냄
• background - 테이블 전체의 배경그램을 나타냄

<caption> ... </caption>

옵션으로 테이블 제목을 정의한다.

<tr> ... </tr>

테이블의 가로 열을 정의하며, 데이타 셀을 포함할 수 있다.

<td> ... </td> - 데이타를 포함하는 셀을 정의한다.

• align - 데이타 셀의 내용을 정렬할때 사용한다.
• valign - top, bottom의 값을 가지며, 데이타 셀의 내용을 상단에 둘것이냐 하단에 둘것이냐를 결정한다.
• rowspan - 셀이 걸치게 될 셀의 밑에 있는 셀의 개수를 나타낸다.
• colspan - 셀이 걸치게 될 셀의 오른쪽에 있는 셀의 개수를 나타낸다.
• bgcolor - 셀의 배경색을 나타낸다.
• width - 테이블의 넓이를 정확한 픽셀 값이나 페이지 넓이의 %값으로 나타낸다.
• bordercolor - 경계선의 색깔을 정의한다.

테이블 예제