Menemukan kembali tabel HTML

Berdasarkan beberapa praktik saya baru-baru ini dan setelah berkomunikasi dengan beberapa pembaca tentang penggunaan tabel HTML, saya memutuskan untuk menulis artikel ini. Secara umum, saya memperhatikan bahwa mereka memiliki keengganan terhadap penggunaan tabel karena informasi yang menyesatkan. Faktanya banyak orang akan mengatakan "Saya melihat bahwa tabel tidak boleh digunakan", tapi ini sepenuhnya salah! Saran ini hanya berlaku untuk penggunaan tabel HTML untuk menentukan tata letak halaman web, tetapi tabel sempurna untuk mengatur baris dan kolom informasi data dengan mudah, dan jika Anda harus menampilkan data tabel pada halaman, Anda harus menggunakannya! mengapa tidak? Namun dalam kasus ini, sebagian orang mengabaikan keberadaan tag HTML tertentu untuk tabel dan tidak mengetahui cara menggunakannya dengan benar.

HTML memiliki 10 tag terkait tabel. Di bawah ini adalah daftar dengan pendahuluan, tapi pertama-tama, dokumen harus didefinisikan dengan benar di bawah HTML 4.01/XHTML 1 atau HTML 5:

• <caption> mendefinisikan judul tabel (4, 5)
• <col> mendefinisikan atribut untuk kolom tabel (4, 5)
• <colgroup> mendefinisikan pengelompokan kolom tabel (4, 5)
• <tabel> mendefinisikan tabel(4, 5)
• <tbody> mendefinisikan isi tabel (4, 5)
• <td> mendefinisikan sel (4, 5)
• <tfoot> mendefinisikan catatan kaki (bawah) tabel (4, 5)
• <th> mendefinisikan header tabel (4, 5)
• <thead> mendefinisikan header tabel (4, 5)
• <tr> mendefinisikan baris tabel (4, 5)

Struktur tabel dasar adalah sebagai berikut:

Ini berisi judul, header, body, dan footer. Urutan elemen HTML yang benar adalah:

1. <tabel>
2. <keterangan>
3. <kepala>
4. <kaki>
5. <tubuh>

Anda juga dapat menggunakan <col> dan <colgroup> untuk menentukan kolom tabel atau kolom grup:

1. <tabel>
2. <keterangan>
3. <colgroup>
4. <kol>
5. <kepala>
6. <kaki>
7. <tubuh>