<thead>, <tbody> dan <tfoot>. Penggunaan dan Penulisan Tag <thead>, <body>, dan <tfoot>
Membuat tabel HTML sanggup dibentuk dengan memakai 3 tag saja, ialah tag <table>, <tr> dan <td>. Namun untk tabel yang sangat kompleks, kita perlu memakai tag <thead>, <tbody> dan <tfoot> untk menciptakan struktur dari tabel. Tag <thead>
Tag <thead> merupakan akronim dari table header yang dipakai untk mengelompokkan data tabel yang terletak di bab atas (kepala) sebuah tabel ialah judul tabel. Tag <tbody>
Tag <tbody> merupakan akronim dari table body yang digunakan untk mengelompokkan data tabel yang terletak di bab tengah (tubuh) sebuah tabel ialah isi data tabel. Jika di dalam tabel tidak ada tag <thead> dan <tfoot> maka tag <tbody> tidak harus dipakai dalam tabel HTML. Tag <tfoot>
Tag <tfoot> dipakai untk mengelompokkan data tabel yang berada dibagian bawah (kaki) sebuah tabel ialah epilog tabel.Berikut ini penulisan tag
<thead>, <tbody> dan <tfoot> dalam tabel HTML :<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> </head> <body> <table border="1"> <thead> <tr> <th>Barang</th> <th>Harga</th> </tr> </thead> <tfoot> <tr> <td>Total Harga</td> <td>Rp 90.000</td> </tr> </tfoot> <tbody> <tr> <td>Kaos kaki</td> <td>Rp 10.000</td> </tr> <tr> <td>Tas</td> <td>Rp 50.000</td> </tr> <tr> <td>Sepatu</td> <td>Rp 30.000</td> </tr> </tbody> </table> </body> </html>
Karena ini hnya teladan sebagai materi pembelajaran, jadi Saya tidak menciptakan tabel HTML yang kompleks.
Coba anda perhatikan urutan penulisan tabel HTML diatas, terdapat tag
<tfoot>...<tfoot> yang sempurna berada diatas tag pembuka <tbody>, namun bila ditampilkan di broser data yang ada di dalam tag <tfoot>...<tfoot> akan ditampilkan pada baris terakhir tabel.Tag
<thead>, <tbody> dan <tbody> mungkin akan sangat jarang digunakan, terutama untk menciptakan tabel sederhana dengan jumlah baris kurang dari 10. Namun untk tabel yang sangat kompleks, penggunaan tag <thead>, <tbody> dan <tbody> akan sangat membantu Anda dalam menciptakan struktur tabel atau mengatur tampilan tabel dengan aba-aba CSS.Pada article selanjutnya kita akan mempelajari Trik Membuat Kolom Tabel HTML Menjadi Satu Grup. Sumber https://mas-abdi.blogspot.com/
No comments:
Post a Comment