Cara membuat table di html lengkap dengan contoh

Baca Juga

Cara Membuat Table Pada HTML

Assalamualaikum luuurrrr..!!!

Lur, sampeyan bingung cara membuat table pada html ?? Ok lur, kali ini saya bagi ilmu yang telah saya dapatkan. Lur, langsung saja yah...

Pembuatan Tabel

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada HTML, digunakan Tag <table&gt. Elemen table berisi property <tr&gt untuk menentukan baris(table row) yang didalamnya terdapat properti <td&gt untuk menampkan data pada setiap sel table(table data)

Untuk membuat heading atau judul tiap kolom menggunakan tag <th&gt.... </th&gt

Jadi tag utama pada table adalah ==

Tag	Fungsi
<table&gt...</table&gt	Mendifinisikan Tabel
<tr&gt...</tr&gt	Mendifinisikan table row atau baris
<td&gt...</td&gt	Data pada tabel/sel
<tr&gt...</tr&gt	Mendifinisikan table heading atau judul tiap kolom

Menggabungkan Baris dan Kolom

Untuk menggabungkan baris menggunakan rowspan, sedangkan untuk menggabungkan kolom menggunakan colspan
Rowspan ataupun colspan ditulis di depan td, lebih jelasnya sebagai berikut = <td rowspan="angka"&gt ; <td rowspan="angka"&gt

Contoh

Rowspan	Colspan

Atribut Lain Dalam Tabel

Atribut Elemen Table

• Width = panjang(lebar table, pixel atau persen)
• Height = panjang(tinggi table, pixel atau persen)
• Border = pixel(tebal garis tepi)
• Cellspacing = pixel(spasi antar sel)
• Cellpadding = pixel(spasi di dalam sel)
• Align = [left|center|right](perataan table)
• Bgcolor = warna(warna latar belakang table)

Atribut Table Row

• Align = [left|center|right](perataan sebaris sel secara horizontal)
• Valign = [top|middle|bottom](perataaan sebaris sel secara vertical)
• Bgcolor = warna(warna latar belakang baris)

Atribut Table Data

• Align = [left|center|right](perataan horizontal)
• width = [top|middle|bottom](perataaan vertical)
• Height = pixel(tinggi sel, pixel atau persen)
• Bgcolor = warna(warna latar belakang sel)

Nah, itu tadi cara-cara membuat tabel dalam html, semoga bisa bermanfaat bagi kita semua.
Banyak kesalahannya, saya minta maaf ya lur...!!!

See You,
Wassalamu'alaikum wr.wb