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.
Sign in to join the conversation.
Sign in with Google
Comments