Cara Praktis Membuat Table Pada HTML
Apakah kalian Sedang bingung d cara membuat table pada html ?? Ok lur, kali ini saya bagi ilmu yang telah saya dapatkan. Lur, langsung saja yah…
Langkah-langkah 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>. Elemen table berisi property <tr> untuk menentukan baris(table row) yang didalamnya terdapat properti <td> untuk menampkan data pada setiap sel table(table data)
Untuk membuat heading atau judul tiap kolom menggunakan tag <th>…. </th>
Jadi tag utama pada table adalah ==
| Tag | Fungsi |
|---|---|
| <table>…</table> | Mendifinisikan Tabel |
| <tr>…</tr> | Mendifinisikan table row atau baris |
| <td>…</td> | Data pada tabel/sel |
| <tr>…</tr> | Mendifinisikan table heading atau judul tiap 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“> ; <td rowspan=”angka“>
Contoh
| Rowspan | Colspan |
|---|---|
 |
 |
Atribut Laim 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..!!!