Sebelumnya kita sudah membahas deprecated tag. Sekarang, kita lanjut membahas cara membuat tabel header HTML. Berikut panduan selengkapnya yang AneIqbal sajikan.
Dalam sebuah tabel yang berisi data-data, biasanya terdapat judul di masing-masing kolomnya untuk memberikan keterangan data tersebut. Judul di tabel ini dikenal dengan nama tabel header kolom.
Untuk membuatnya, HTML menyediakan tag khusus yakni tag <th> yang letaknya diapit oleh tag <tr>. Tabel header kolom ditampilkan dengan huruf cetak tebal untuk membedakannya dengan data yang ada pada suatu tabel.
Markicob, gan. Mari kita coba.
Buat kode HTML seperti ini.
<!DOCTYPE html>
<html>
<head>
<title>Membuat tabel header di HTML</title>
</head>
<body>
<table border="1" cellpadding="1" cellspacing="1">
<tr>
<th>No.</th>
<th>Nama</th>
<th>Hobi</th>
</tr>
<tr>
<td>1.</td>
<td>Ane</td>
<td>Baca buku</td>
</tr>
<tr>
<td>2.</td>
<td>Iqbal</td>
<td>Maen bola</td>
</tr>
</table>
</body>
</html>
Simpan kode tersebut. Lalu, jalankan dengan web browser. Seperti ini jadinya.
Lihat, tabel header kolom akan tampil berbeda dengan data-data yang ada. Tabel header kolom tampil dengan huruf bercetak tebal.
Seperti itulah cara membuat tabel header kolom di tabel HTML. Nggak sulit, kan? Tinggal praktikkan saja.
Selanjutnya >> Cara Membuat Judul Tabel HTML dengan Tag Caption.
