Tabel
Table digunakan untuk membagi tampilan dan mengelompokkan suatu informasi.
Terdapat beberapa tag didalam tag tabel, yaitu :
- <caption>
Tag untuk memberi judul pada tabel yang ingin dibuat.
- <tr>
Tag ini digunakan untuk membuat suatu baris pada tabel.
- <th>
Digunakan untuk menyatakan cell heading suatu tabel.
- <td>
Digunakan untuk membuat isi dari suatu cell data dalam tabel.
Dalam Tabel, terdapat beberapa atribut yang mendukung pembuatan tabel yang lengkap dan efisien.
Salah satunya yaitu atribut border, atribut ini digunakan umtuk mengatur ketebalan garis tepi. Garis tepi dapat diatur sesuai keinginan.
Atribut bgcolor digunakan untuk mengatur warna latar pada keseluruhan tabel.
Contoh penggunaan atribut border dan bgcolor pada tag table yaitu : <table bgcolor="red" border="3"> </table>.
Atribut yang digunakan untuk mengatur jarak spasi dan padding adalah atribut cellspacing dan cellpadding. Cellspacing digunakan untuk mengatur jarak antar cell. Sedangkan cellpadding digunakan untuk mengatur jarak tulisan dan border di masing-masing cell.
Contoh penggunaan atribut cellspacing dan cellpadding adalah : <table cellpadding="10" cellspacing="30"> </table>.
Penggunaan headings pada table, yaitu :
<html>
<body>
<table border="2">
<tr>
<th>heading</th>
</tr>
<tr>
<td>baris 1, kolom 1</td>
<td>baris 1, kolom 2</td>
</tr>
</table>
</body>
</html>
Atribut width dan height digunakan untuk mengatur lebar dan tinggi tabel.
Contoh penggunaan dalam tag : <table width="400" height="400"> </table>.
Atribut align dan valign juga dapat digunakan didalam tag table. Atribut align digunakan untuk melakukan perataan secara horisontal. Dapat digunakan didalam tag table dan tag td. Contoh : <table align="center"> <tr> <td align="left">Perataan</td> <td>Kiri</td> </tr> </table>.
Sedangkan atribut valign digunakan untuk melakukan perataan secara vertikal. Biasanya digunakan didalam tag td. Contoh : <tr> <td valign="top">Perataan</td> <td>atas</td> </tr>.
Atribut colspan dan rowspan. Atribut colspan digunakan untuk penggabungan cell secara kolom, sedangkan atribut rowspan untuk penggabungan cell secara baris. Kedua atribut ini diletakkan didalam tag yang ingin digabungkan. Contoh sintaks : <th rowspan="3" colspan="2">3 baris dan 2 kolom digabungkan</th>.
Mengosongkan cell pada table digunakan tag td, contoh sintaks : <td> </td>.
Tidak ada komentar:
Posting Komentar