Page 5 - E-Modul Pemrograman Web Materi Format Tabel

Gambar 7.c output skrip contoh1.html

Kode HTML diatas terasa sedikit panjang untuk membuat sebuah tabel bila
dibandingkan sewaktu membuat tabel pada materi sebelumnya.
Kembali kedalam kode HTML diatas, perhatikan tag pembuka dan penutup untuk setiap
tag tr dalam tabel. Terlihat bahwa kita menggunakan 3 tag baru, yakni tag thead, tfoot
dan tbody (singkatan dari table header, table foot, dan table body). Ketiga tag tersebut
digunakan untuk membagi struktur tabel menjadi 3 bagian.

Perhatikan pula urutan penulisan tabel diatas. Dapat dilihat bahwa untuk tag
tfoot, walaupun dibuat persis setelah thead pada awal tabel, namun web browser akan
menampilkannya pada baris terakhir dari tabel.

<th>
Tag th (singkatan dari table head) . 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. Dalam
penggunaan tag th, kita hanya perlu mengganti tag td dengan th pada baris pertama
tabel.

Untuk lebih memahami maksud dan cara penggunaan tag th, mari kita kembangkan file
contoh.html pada materi sebelumnya, menjadi seperti berikut dan simpan dengan nama
contoh2.html

Gambar 8.c skrip contoh2.html

4