Membuat tabel pada html

byLazxxxii •
0



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 











Tags:
أحدث أقدم