Struktur Table Yang Baik

30/08/2014    Aulia Rahmah Alhafidz    846     Website

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:)

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More