Membuat tabel pada html

CARA MEMBUAT TABEL PADA HTML

Umumnya saat kamu menampilkan suatu data yang terstruktur dari database, kamu akan menampilkannya dalam bentuk tabel bukan? HTML sebagai bahasa markup telah menyediakan elemen table yang bisa digunakan saat kamu ingin membuat tabel.

Tabel terdiri dari 4 unsur utama:

1. 1. Baris
2. 2. Kolom
3. 3. Sel
4. 4. Garis

Ada beberapa tag yang harus diingat untuk membuat tabel di HTML:

1. Tag <table> untuk membungkus tabelnya
2. Tag <thead> untuk membungkus bagian kepala tabel
3. Tag <tbody> untuk membungkus bagian body dari tabel
4. Tag <tr> (tabel row) untuk membuat baris
5. Tag <td> (table data) untuk membuat sel
6. Tag <th> (table head) untuk membuat judul pada header

 Akan tetapi pada dasarnya kamu sudah bisa membuat tabel dengan hanya menggunakan 3 elemen HTML berikut :

1. Elemen <table> digunakan untuk mendefinisikan pembuatan tabel
2. Elemen <tr> digunakan untuk mendefinisikan pembuatan baris pada tabel
3. Elemen <td> digunakan untuk membuat kolom atau sel di setiap baris pada tabel

Ini adalah contoh membuat tabel simpel di html beserta codingannya

Hasil dari codingan di atas seperti ini

Bisa juga menambahkan warna pada tabel tersebut , seperti codingan berikut ini

Hasilnya seperti ini

Sering-seringlah berlatih dan terus kembangkan kemampuanmu, maaf bila ada kekuarangan

Terima kasih.
                     Petani Merah