Belajar Html: Belajar Membuat Tabel

Faiz nurullah
January 21, 2022

 


 Tabel Adalah Salah Satu Hal Yang Dapat Kita Buat Di Dalam Suatu Halaman Website, Tabel Biasanya Di Gunakan Untuk Menampilkan Suatu Data. 

 Tabel Pada Html Terdiri Dari 4 Unsur Yaitu:

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

Tag Untuk Membuat Tabel Pada Html 

 Ada beberapa Tabel Yang Di Gunakan Pada Html: 

  1. Tag <table> Di Gunakan Untuk Membungkus Tabel.
  2. Tag <thead> Di Gunakan Untuk Membungkus Bagian Kepala Dari Tabel.
  3. Tag <tbody> Di Gunakan Untuk Membungkus Bagian Body (Isi) Dari Tabel.
  4. Tag <tr> Di Gunakan Untuk Membuat Baris.
  5. Tag <td> Di Gunakan Untuk Membuat Sel.
  6. Tag <th> Di Gunakan Untuk Membuat Judul Pada Header.

 Dari Banyak Nya Tag Dalam Pembuatan Tabel Biasanya Yang Paling Sering Di Gunakan Adalah Tag <tabel>, <tr>, Dan <td>. Sementara Tag Yang Lain Boleh Di Gunakan Atau Tidak Alias Opsional. Contoh Penulisan Tabel Pada Html Adalah:

<html> <head> <title>Belajar Membuat Tabel HTML</title> </head> <body> <table border="1"> <tr> <td>Baris 1 kolom 1</td> <td>baris 1 kolom 2</td> </tr> <tr> <td>Baris 2 kolom 1</td> <td>baris 2 kolom 2</td> </tr> </table> </body> </html>



Dalam Penulisan Tabel Di Atas, Terdapat Struktur Kode Html Biasa. Dimana, Terdapat Tag <table>  Yang Merupakan Tag Pembungkus Dari Suatu Tabel. Di Dalam Tag Tabel Juga Terdapat border="1" Yang Berarti Dalam Tabel Tersebut Memiliki Garis Yang Nilai-Nya 1. Di Situ juga Terdapat 2 Baris Dimana Setiap Baris Memilikii 2 Sel.

 

Menambahkan Background Warna Pada Tabel

  Penambahan Background Warna Pada Tabel Di Html, Dengan Cara Menambahkan Attribute bgcolor Di Dalam Tag <td> Atau <tr>. Contoh Penulisan-nya Adalah Sebagai Berikut:

<table border="1"> <tbody><tr> <td bgcolor="green">Baris 1 kolom 1</td> <td>baris 1 kolom 2</td> </tr> <tr> <td>Baris 2 kolom 1</td> <td>baris 2 kolom 2</td> </tr> </tbody></table>

 

  Nilai Attribute Dapat Kita Isi Dengan Kode Warna Atau Pun Nama Warna Dalam Bahasa Inggris.

Menggabungkan Sel Pada Tabel

 Untuk Menggabungkan Tabel Terdapat 2 jenis, Yaitu rowspan Dan colspan :

  • rowspan Adalah Menggabungkan Baris.
  • colspan Adalah Menggabungkan Kolom.

 Attribute Ini Biasanya Terdapat Di Tag Baris Atau Kolom.

 

  Tabel Adalah Salah Satu Elemen Yang Sering Di Gunakan Dalam Pembuatan Suatu Halaman Website, Dengan Tabel Kita Dapat Menampilkan Sebuah Data Untuk Di Presentasikan Kepada Pengunjung  Halaman Website.

Ini Adalah Materi Dasar Dalam Bahasa Markup Html Yaitu Belajar Membuat Tabel. Tentu, Sangat Mudah Di Pelajari Untuk Pemula. Masih Banyak Yang Akan Kita Pelajari Mengenai Bahasa Markup Html ini.