[HTML 태그들] #6 표 table, tr, th, td

오늘은 HTML에서 표를 그리는 방법에 대해 알아보겠습니다. 그 전에, 예전에는 table을 표를 만들기 위해서가 아닌 레이아웃을 잡기 위해서도 사용되었습니다. 하지만 그렇게 하면 코드를 고쳐야 한다거나 남들이 소스코드를 볼 때 여러 불편함이 생기게 됩니다. 따라서 오늘 알아볼 표는 진짜 표를 그리는 목적으로만 사용하길 바랍니다.

 

표를 구성하는 기본적인 요소는 tr, th td가 있습니다.

 

 

table	표의 시작과 끝을 알립니다.
tr	표의 행을 나타냅니다.
th	표의 머리부분(헤더부분)을 나타냅니다.
td	표의 열을 나타냅니다.

 

<table border="1">
	<th>1</th>
	<th>2</th>
	<tr>
	    <td>첫번째 칸</td>
	    <td>두번째 칸</td>
	</tr>
	<tr>
	    <td>첫번째 칸</td>
	    <td>두번째 칸</td>
	</tr>
</table>

 

table 기본