Membuat Tabel di WEB

                                                                   

Tabel merupakan kumpulan dari beberapa field dan record, Field sendiri merupakan kumpulan dari karakter yang membentuk sebuah arti biasanya field dalam tabel itu seperti No Item, Nama Item, Jumlah Item dan lainnya. Untuk Record Sendiri merupakan satuan atau jumlah baris dari banyaknya field.

Kali ini akan membahas cara membuat Tabel di dalam HTML.

Pembuatan tabel ini bertujuan untuk membuat susunan data yang rapih dan mudah terbaca seperti contohnya Tabel Data Buku, dimana pada tabel tersebut terdapat field-field seperti No, Judul, Kategori dan Keterangan. Pembuatan Tabel sangat sering digunakan dalam membangun halaman web.

Pada Baris kode dibawah ini, akan membuat sebuah Data Tabel Buku sederhana. Dimana terdapat field-field No, Judul, Kategori dan Keterangan. Bisa di lihat pada baris kode dibawah ini :

KETERANGAN :

• Pada awal pembuatan tabel perlu menggunakan Tag <tabel> dan di akhiri dengan </table>
• Tag <thead> </thead> sebagai penanda untuk bagian head Field pada pada tabel
• Tag <tbody> </tbody> di isi dengan Record-record atau list data yang ada pada tabel
• <tr> </tr> merupakan tag untuk mendefinisikan baris pada tabel
• <th </th> berfungsi untuk membuat judul pada field tabel
• <td> </td> digunakan untuk membuat isi data yang ada dalam tabel itu sendiri

Dari Baris kode diatas, jika di jalankan pada browser maka hasilnya seperti berikut