PENGAPLIKASIAN TABEL DALAM HTML

Haloo haloo sahabat blogger!

Pada post kali ini, mari kita belajar mengenai pengaplikasian tabel pada HTML. Kita akan membahas cara penggunaannya. Langsung simak aja yuk🌈🌈🌈.

Penggunaan tabel dimaksudkan untuk menampilkan data yang terstruktur. HTML menyediakan Tabel tag digunakan untuk menampilkan data dalam bentuk tabel.  

Cara Membuat Tabel HTML

Untuk membuat tabel di HTML, kita membutuhkan 3 tag, yaitu tag <table>, tag <tr>,dan tag <td>:

• Tag <table>digunakan untuk memulai tabel
• Tag <tr>adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
• Tag <td>adalah singkatan dari table data, digunakan untuk menginput data ke tabel.

Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML:

Contoh 1

Dan ini hasil tampilan yang dikeluarkan 

Contoh 2

Pada contoh 2, kita dapat melihat atribut colspan dan rowspan. Atribut tersebut digunakan untuk menggabungkan sel tabel.

• rowspan untuk menggbungkan baris;
• colspan untuk mebggabungkan kolom.

Atribut ini bisa kita berikan kepada tag <tr> atau <td>.

Untuk menambahkan warna pada sel dan baris, kita bisa menambahkan atribut style: background-color di dalam tag <td> (untuk sel) atau <tr> (untuk baris).

Dan muncul tampilan seperti yang dibawah ini.

Demikian tutorial singkat kali ini, semoga dapat dimengerti untuk teman teman. Jika ada yang ingin ditanyakan, cukup tuliskan di kolom komentar.

Terimakasih.

Salam sahabat blogger!