Seperti yang sudah kita pelajari pada tutorial membuat tabel, tabel dapat didesain dengan menggunakan 3 tag saja, yaitu tag tabel, tag tr, dan tag td.
Namun jika kita membutuhkan pembagian struktur tabel HTML yang lebih jelas, HTML menyediakan tag khusus untuk kebutuhan tersebut, terdiri dari tag thead, tfoot dan tbody.
Arti Tag thead
thead menunjukkan kepala tabel atau bagian kepala dari tabel (elemen tabel). digunakan untuk mengelompokkan konten yang terletak di kepala (atas) tabel. Pada elemen , elemenBerikut ini adalah contohnya
<thead>
<tr>
<th Contoh Thead </td>
</tr>
</thead>
Arti Tag tubuh
tbody menunjukkan badan tabel (table body) atau isi utama dari sebuah tabel. digunakan untuk mengelompokkan konten yang terletak di badan tabel itu sendiri. Pada elemen , elemenBerikut ini adalah contohnya
<tbody>
<tr>
<td Contoh Tbody </td>
</tr>
</tbody>
_
Arti dari tag tfoot
tfoot menandakan kaki meja atau bagian kaki (bawah) meja (elemen meja). digunakan untuk mengelompokkan konten yang terletak di kaki (bawah) tabel. Pada elemen , elemenBerikut ini adalah contohnya
<tfoot>
<tr>
<td Contoh Tfoot </td>
</tr>
</tfoot>
Contoh penggunaan tag thead, tfoot dan tbody
Di atas kita telah melihat beberapa istilah skrip thead, tbody, dan tfoot. Nah, kali ini kita akan menggabungkan ketiganya untuk kita masukkan ke dalam satu file HTML, pasti penasaran kan?<html>
<title>Kuy Belajar format Table</title>
</head>
<body>
<h1> Kuy Belajar Format Tabel </h1>
<table border="1">
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
<td>Baris 1, Kolom 3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer 1</td>
<td>Footer 2</td>
<td>Footer 3</td>
</tr>
</tfoot>
</table>
</html>
Maka akan menghasilkan dokumen HTML seperti pada gambar di bawah ini
Dalam penulisan Tag , dan tidak harus berurutan seperti kita latihan, cukup tulis lalu dan .
Tag , dan sangat berguna saat menulis tabel panjang dan lebih dari satu halaman, yang setiap halaman, header dan footer tabel dilampirkan (ditulis atau dicetak).
Ketiga elemen tersebut tidak akan mempengaruhi tata letak tabel, namun Anda dapat menggunakan gaya CSS untuk mengatur sesuai keinginan.
Kira-kira begitulah pembahasan kita tentang Mengenal Struktur Tabel HTML Menggunakan Tag thead, tfoot dan tbody. Sekian dari saya "Singkat, Semoga Bermanfaat. "