membuat table html
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.
