Struktur Table Yang Baik

Sama seperti html, table pun memiliki strukturnya tersendiri. Untuk membuat sebuah table, yang kita butuhkan pun sama seperti html. Kita membutuhkan head, body dan footer. Lalu seperti apa penggunaannya pada table? Lihat dulu gambar ini ya :)

struktur-table

Nah, bagaimana? Apakah dengan gambar sudah mengerti? Sekarang kita akan membahas satu per satu arti tag di gambar tersebut.

1. table

tag table adalah tag yang digunakan pada saat akan memulai membuat sebuah table. Tag ini pula yang nantinya akan membungkus tag-tag lain untuk struktur table, seperti thead, tbody, tfoot, th, tr dan td.

2. thead

thead merupakan Table Header. Yaitu tag yang digunakan untuk mendefinisikan bagian dari kepala sebuah table yang letaknya berada di atas table. Tag thead membungkus tr dan th.

3. tbody

tbody merupakan Table Body. Yaitu tag untuk mendefinisikan bahwa isi tag ini adalah isi dari table. Tag tbody ini membungkus tag tr dan td.

4. tfoot

tfoot merupakan Table Footer. Yaitu tag yang digunakan untuk mendefinisikan bagian dari kaki sebuah table yang letaknya berada di bawah. Tag tbody membungkus tr dan td.

5. tr

tr merupakan Table Row. Yaitu tag yang digunakan untuk mendefinisikan baris dari tabel.

6. th

th merupakan Table Heading. Tag ini digunakan untuk menampilkan nama field pada sebuah table. th diapit oleh tag tr.

7. td

td merupakan Table Data. Tag ini digunakan untuk menampilkan isi field dari sebuah table. td diapit oleh tag tr.

Untuk melihat perbedaan dari tag th dan td, bisa dilihat di link berikut ini.

Semoga bermanfaat ya:)

30 Agustus 2014

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat