Membuat tabel yang benar dalam HTML

Oke teman teman kembali lagi bersama saya founder IPT akan memberikan materi mengenai bagaimana cara membuat tabel yang benar dalam HTML. Oke langsung saja pada materi dan kode programmnya.

Agar format tabel sesuai dengan ketentuan, Anda dapat menggunakan tag <thead> untuk baris yang menjadi Judul tabel, <tbody> untuk data/isi dari tabel dan <tfooter> untuk kaki tabel (bisa diisi sama dengan thead atau lainnya).
Sekarang kita belajar bagaimana membuat tabel.

Dari kode diatas maka akan tampil di web browser seperti dibawah ini.

Masih banyak penggunaan tag table untuk keperluan layout website, misalnya membuat layout 2 kolom, 3 kolom, 4 kolom bahkan lainnya.
Mari belajar lagi penggunaan tabel dengan berbeda jenisnya. Ketik program seperti dibawah ini. Jangan lupa untuk memahami dan mencobanya.

Dari kode diatas maka akan tampil di web browser seperti ini.

cara diatas ini adalah kebiasaan yang disalah gunakan.Penggunaan tag <table> untuk keperluan layout adalah menyalahi aturan/fungsi dari tag table tersebut. Layout table biasanya dibuat secara otomatis oleh aplikasi seperti Dreamweaver atau Photoshop (di-generate oleh slicing tool).
Dari 2 contoh penggunaan tag tabel yang benar yaitu biasanya untuk daftar mahasiswa, makanan dll bukan layout website.

Sekian materi yang dapat saya sampaikan semoga bermanfaat untuk semuanya.