Sel Header dalam Tabel di HTML

Selain tag td, ada juga tag th yang juga membuat sel. Tapi ini bukan sel biasa, melainkan sel header, yang menunjukkan apa yang ada dalam kolom (atau baris) tabel tersebut. Secara default teks dalam sel th akan dicetak tebal dan rata tengah.

Mari kita lihat contohnya. Misalkan kita memiliki tabel karyawan seperti ini:

<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>

Seperti yang Anda lihat, di kolom pertama disimpan nama karyawan, di kolom kedua - nama belakang, dan di kolom ketiga - gaji. Mari kita buat satu baris lagi di awal tabel, tempat kita akan meletakkan header kolom dalam tag th:

<table border="1" width="300">
	<tr>
		<th>Nama</th>
		<th>Nama Belakang</th>
		<th>Gaji</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>

Ulangi contoh di bawah ini: