HTML에서 표 작업하기

지금부터 HTML로 표를 만드는 법을 배워보겠습니다. 아마도 일상에서 표가 무엇인지 상상하실 수 있을 거예요 - 행과 열의 집합이며, 그 교차점에 셀이 위치하는 것입니다.

HTML에서 표도 비슷한 원리로 만들어집니다. 여기에도 열과 행, 셀이 있지만, HTML 표 코드는 첫눈에 익숙하지 않게 보일 수 있습니다: 표는 행 단위로 만들어집니다 - 첫 번째 행, 그다음 두 번째 행 식으로 진행됩니다.

표 코드는 엄격한 구조를 가집니다: 가장 중요한 것은 태그 table이며, 그 안에는 표의 행을 생성하는 태그 tr가 있어야 하고, 그 안에는 셀을 생성하는 태그 td가 있습니다. 태그 table는 표와 그 셀들의 테두리를 설정하는 속성 border를 가질 수 있습니다.

예를 들어, 각 행에 세 개의 셀이 있는 세 행의 표를 만들어 보겠습니다:

<table border="1">
	<tr>
		<td>cell 1</td>
		<td>cell 2</td>
		<td>cell 3</td>
	</tr>
	<tr>
		<td>cell 4</td>
		<td>cell 5</td>
		<td>cell 6</td>
	</tr>
	<tr>
		<td>cell 7</td>
		<td>cell 8</td>
		<td>cell 9</td>
	</tr>
</table>

아래의 예제를 따라 해보세요: