Dasar HTML - Cara Membuat Tabel

Table atau table merupakan salah satu komponen yang biasa digunakan dalam sebuah website untuk menampilkan suatu data. Tabel berfungsi untuk memberikan kemudahan dalam membaca data karena tersusun dengan sistematis.

Tabel terdiri dari 4 komponen utama yaitu :

1. Baris
2. Kolom
3. Sel (Cell)
4. Garis

Berikut gambar dari penyusun suatu tabel

Bagaimana membuat tabel di HTML ?

Untuk membuat tabel ada beberapa tag yang sering digunakan yaitu

• Tag <table> digunakan untuk membungkus tabel
• Tag <thead> digunakan untuk membungkus bagian kepala tabel
• Tag <tbody> digunakan untuk membungkus bagian body dari tabel
• Tag <tr> (tabel row) digunakan untuk membuat baris
• Tag <td> (table data) digunakan untuk membuat sel/input data ke dabel
• Tag <th> (table head) digunakan untuk membuat judul pada header

Dari tag html diatas yang paling sering dipakai yaitu tag <table>, <tr> dan <td>

sedangkan tag lain seperti <thead>, <tbody>, <th> bersifat opsional, artinya boleh digunakan atau tidak.

Contoh kode html untuk membuat tabel adalah seperti berikut

Hasil dari kode diatas adalah sebagai berikut

Perhatikan pada kode diatas bahwa adalah ada tambahan atribut border dan value 1,

<table border="1">

Atribut border ini digunakan untuk memberikan garis tepi pada tabel, value yang diberikan yaitu 1 artinya tebalnya 1 pixel. semakin tebal value bordernya misalnya 2, 3, 4 maka garisnya juga akan semakin tebal. Apabila atribut border tidak ditulis atau di berikan value 0 maka tabel tersebut tidak akan mempunyai garis tepi. seperti contoh ouput berikut ini.