Cara Membuat Tabel HTML Menggunakan Group – Tag Thead, Tfoot dan Tbody

Tag Thead, Tfoot dan Tbody

untuk membagi bagian dari tabel HTML menyediakan tag khusus untuk membuat bagian tertentu, contoh Tag Thead ini adalah tag untuk bagian header, Tag Tfooter untuk membuat bagian footer, Tbody merupakan tag bagian body. tag ini sebenarnya hanya untuk memperjelas struktur tabel saja.
untuk memudahkan memahami Tag Thead, Tfoot dan Tbody saya akan membuat sebuah contoh.

contoh Tag Thead, Tfoot dan Tbody

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
 border: 1px solid black;
 border-collapse: collapse;
}
th, td {
 padding: 5px;
}
</style>
</head>
<body>
<table style="width:100%">
 <thead>
 <tr>
 <th>Bulan</th>
 <th>Hasil</th>
 </tr>
 </thead>
 <tfoot>
 <tr>
 <td>Jumlah</td>
 <td>$180</td>
 </tr>
 </tfoot>
 <tbody>
 <tr>
 <td>Januari</td>
 <td>$100</td>
 </tr>
 <tr>
 <td>Februari</td>
 <td>$80</td>
 </tr>
 </tbody>
</table>
</body>
</html>

dari contoh diatas ini saya membuat tag thead pada bulan dan hasil, tag ini sama fungsinya dengan tag th, namun kelebihannya pada struktur htmlnya, bahwa text bulan dan hasil berada di bagian head.
kemudian tfoot berada di text jumlah, ini menandakan bahwa text jumlah adalah bagian dari footer tabel.
dan tboody saya letakan di Januari, Februari ini menjelaskan bahwa tulisan ini merupakan isi dari tabel.
saya sendiri lebih suka memakai cara membuat tabel yang standar memakai tag table dan tag pendukung lainnya. alasannya mungkin karena sudah terbiasa.

Get real time updates directly on you device, subscribe now.

Ingin Berkomentar?

×
Lewat ke baris perkakas