Halo teman-teman, apa kabar semuanya…?!? Tentu baik-baik saja ya dan sehat selalu, pada artikel kali ini saya akan membahas dan mempraktekkan Fungsi Tag thead,tbody,dan tfoot Pada HTML 5. Untuk kalian yang baru belajar atau sedang mendalami membuat template website tentunya harus selalu mengupgrade apa saja fungsi tag-tag pada HTML 5 dan kegunaannya. Oke kali ini kita akan menggunakan tag <thead>, <tbody>, dan <tfoot> nah dari tiga fungsi ini biasanya di pakai untuk membuat layout form, dimana tampilan form terdapat header,body dan footer sama seperti struktur website yang biasa kita buat. Untuk tag <thead> biasanya di pakai untuk title/judul di dalam form, dan <tbody> juga dipakai untuk deskripsi nya, selain itu juga <tfoot> di pakai untuk bagian paling bawah. Oke kita langsung saja praktekkan, teman-teman siapkan kode editornya lalu copy script di bawah ini

Dan pastekan script diatas pada code editornya, jika sudah lalu di save dengan nama index.html dan run pada browsernya. Maka output akan menghasilkan seperti gambar di bawah ini

fungsi-tag-theadtbodydan-tfoot-pada-html-5

Kemudian kita berikan fungsi css nya, atau bisa juga copy script di bawah ini

Jika sudah save dan refresh pada browsernya, maka tampilan yang kita buat sudah berhasil di buat dengan menggunakan <thead>,<tbody> dan <tfoot>

fungsi-tag-theadtbodydan-tfoot-pada-html-5-1

Dendan menggunakan fungsi ini supaya form yang kita buat lebih rapi dan terstruktur. Oke sekian dulu pada artikel kali ini tentang Fungsi Tag thead,tbody,dan tfoot Pada HTML 5
sampai jumpa di artikel berikutnya. Semoga bisa menjadi tambahan pengetahuan tentang tag HTML 5 khususnya untuk teman-teman yang saat ini baru belajar membuat template website. Oke terimakasih dan sampai Jumpa 🙂

Baca juga artikel tentang Mengenal Property Isolation pada CSS3