HTML 테이블의 헤더 셀

td 태그 외에도 셀을 생성하는 th 태그가 있습니다. 그러나 이것은 일반 셀이 아니라 헤더 셀(제목 셀)로서, 해당 테이블 열(또는 행)에 무엇이 있는지를 나타냅니다. 기본적으로 이러한 th 셀의 텍스트는 굵게 표시되고 가운데 정렬됩니다.

예제를 살펴보겠습니다. 다음과 같은 직원 테이블이 있다고 가정합시다:

<table border="1" width="300">
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

보시다시피, 첫 번째 열에는 직원의 이름이, 두 번째 열에는 성이, 세 번째 열에는 급여가 저장되어 있습니다. 테이블 앞부분에 th 태그로 열 제목을 배치하는 행을 하나 더 만들어 봅시다:

<table border="1" width="300">
	<tr>
		<th>Name</th>
		<th>Surname</th>
		<th>Salary</th>
	</tr>
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

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