Table digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya setiap baris yang terdiri atas kolom-kolom menunjukkan kelompok data dalam satu kesatuan. Pada artikel kali ini kita akan membahas penggunaan table pada HTML.
Elemen-elemen / tag-tag pada table yang paling umum digunakan adalah :
- <table></table>
- <thead></thead>
- <tbody></tbody>
- <tr></tr>
- <th></th>
- <td></td>
Selain itu terdapat atribut-atribut yang digunakan pada table, yaitu:
Atribut pada tag table :
| Attribute | Keterangan |
|---|---|
| width | lebar |
| height | tinggi |
| Border | mengatur ukuran bingkai tabel |
| Cellspacing | mengatur jarak antarsel |
| Cellpadding | mengatur jarak bingkai dengan is |
| Align | Horizontal Alignment |
| Bgcolor | Background |
| Bordercolor | Warna bingkai |
Atribut pada tag
| Attribute | Keterangan |
|---|---|
| Align | Horizontal Alignment |
| Valign | Vertical Alignment (mengatur perataan secara vertical tengah, atas, atau bawah) |
| Bgcolor | Warna Background |
Atribut pada tag
| Attribute | Keterangan |
|---|---|
| Rowspan | menggabungkan beberapa baris menjadi satu |
| Colspan | menggabungkan beberapa kolom menjadi satu |
Contoh :
<html>
<head>
<title> contoh tabel </title>
</head>
<body>
<h3>COLSPAN</h3>
<table width="50%" border="2">
<tr>
<td>Sel 1</td>
<td>Sel 2</td>
<td>Sel 3</td>
</tr>
<tr>
<td>Sel 4</td>
<td colspan= "2">Sel 5</td>
</tr>
</table>
<h3>ROWSPAN</h3>
<table width="50%" border="2">
<tr>
<td>Sel 1</td>
<td>Sel 2</td>
</tr>
<td rowspan="2" border="2">Sel 3</td>
<td>Sel 4</td>
</tr>
<tr>
<td>Sel 5</td>
</tr>
</table>
</body>
</html>
No Comments
Leave a comment Cancel