Tutorial Tabel HTML Part 3: Cara Membuat Judul Kolom Header Tabel HTML (tag th)

Dalam tutorial tabel HTML: cara membuat judul kolom header tabel HTML ini, kita akan mempelajari fungsi tag th. Tag th digunakan untuk membuat judul kolom (kolom header) dalam tabel HTML.

Fungsi Tag th

Sering kali dalam membuat tabel, baris pertama kita gunakan sebagai judul kolom dari baris-baris dibawahnya. Dan biasanya baris pertama tabel ini secara visual dibedakan dengan baris dibawahnya agar tampak lebih menarik, misalnya diberi warna yang berbeda, atau font yang berbeda.
Untuk keperluan ini, HTML memiliki tag khusus yang bisa digunakan, yaitu tag th (singkatan dari table head) . Dalam penggunaan tag th, kita hanya perlu mengganti tag td dengan th pada baris pertama tabel.

Sebagai contoh cara penggunaan tag th, silahkan buka aplikasi text editor, ketikkan kode berikut, dan save sebagai tabelth.html

Contoh penggunaan tag th:

Perhatikan pada baris pertama tabel, dimana dalam tutorial tentang tabel HTML sebelumnya, semua sel dari tabel ditulis menggunnakan tag td. Namun, kali ini tag td kita ganti menjadi tag th.

Dengan menggunakan atribut style ataupun dengan CSS, kita dapat merubah tampilan huruf pada tag td biasa menjadi tag th tersebut. Tag th lebih diperuntukkan untuk memberikan struktur pada tabel. Sedapat mungkin kita menggunakan HTML hanya untuk stuktur, mengenai tampilan sebaiknya menggunakan CSS.