membuat table html

Auliya
7 Views
Elemen <table> digunakan dalam HTML untuk membuat tabel, yang terdiri dari baris dan kolom yang mengatur data dalam format tabular. Berikut adalah contoh struktur dasar dari elemen <table>: html Copy code <table> <tr> <!-- Baris 1 --> <th>Header Kolom 1</th> <th>Header Kolom 2</th> <th>Header Kolom 3</th> </tr> <tr> <!-- Baris 2 --> <td>Data Baris 2, Kolom 1</td> <td>Data Baris 2, Kolom 2</td> <td>Data Baris 2, Kolom 3</td> </tr> <tr> <!-- Baris 3 --> <td>Data Baris 3, Kolom 1</td> <td>Data Baris 3, Kolom 2</td> <td>Data Baris 3, Kolom 3</td> </tr> </table> Dalam contoh di atas, <table> digunakan sebagai elemen utama untuk memulai tabel. Setiap baris dalam tabel ditentukan dengan elemen <tr> (table row), dan setiap sel dalam baris ditentukan dengan elemen <td> (table data). Namun, untuk header kolom, Anda dapat menggunakan elemen <th> (table header) daripada <td>. Ini memberikan penampilan yang berbeda secara default dan membantu dalam pengindeksan dan aksesibilitas. Anda dapat menambahkan lebih banyak baris dan kolom ke dalam tabel dengan menambahkan elemen <tr> dan elemen <td>/<th> yang sesuai. Selain itu, Anda dapat mengatur beberapa atribut pada elemen <table> dan elemen <td>/<th> untuk mengontrol tampilan dan perilaku tabel, seperti border, cellspacing, cellpadding, dan sebagainya. Contoh atribut <table>: html Copy code <table border="1" cellspacing="0" cellpadding="10"> Contoh atribut <td>/<th>: html Copy code <td colspan="2">Data menggunakan dua kolom</td> <td rowspan="3">Data menggunakan tiga baris</td> Dalam contoh-contoh di atas, atribut-atribut tersebut digunakan untuk mengatur batas tabel, jarak antara sel-sel tabel, dan jarak antara isi sel dan batas sel. Anda dapat menyesuaikan tampilan dan struktur tabel sesuai kebutuhan Anda dengan menggunakan CSS dan atribut HTML yang relevan.

Comments