Tabel HTML
Tabel digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya setiap kolom menunjukan data yang sejenis, dan setiap baris yang terdiri atas kolom-kolom menunjukan kelompok data dalam satu kesatuan.
Elemen-elemen Tabel
Elemen | Penjelasan |
---|---|
<tabel>...</tabel> | Mendefinisikan sebuah tabel dalam HTML |
<caption>....</caption> | Mendefinisikan tulisan untuk judul tabel |
<tr>...</tr> | Menspesifikasikan sebuah baris tabel dalam tabel |
<th>....</th> | Mendefinisikan sel header tabel |
<td>....</td> | Mendefinisikan sebuah sel data tabel |
Atribut Tabel
Elemen | Penjelasan |
---|---|
align{left, right, center} | Alignment horisontal untuk sel |
valign{top, middle, bottom} | Definisi aligment vertikal dalam sel |
colspan=n | Jumlah n kolom sel diperlebar |
rowspan=n | Jumlah n baris sel diperbesar |
nowrap | Matikan wrapping dalam sel |
Contoh :
<html>
<body>
<p><font size="+2">Contoh 2 baris 2 kolom</font></p>
<table width="412" height="341" border="1" cellpadding="1" cellspacing="1">
<tr>
<td width="197">100</td>
<td width="202">200</td>
</tr>
<tr>
<td>300</th>
<td>400</th>
</tr>
</table>
</body>
</html>
Border tabel
Untuk mengatur border tabel caranya :
<tabel border="...">
Contoh :
<html>
<body>
<p><font size="+2">Dengan tanpa border</font></p>
<table width="200" border="0" cellspacing="1" cellpadding="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
<p><font size="+2">Dengan border normal</font></p>
<table width="200" border="1" cellspacing="1" cellpadding="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
<p><font size="+2">Dengan border tebal</font></p>
<table width="200" border="10" cellspacing="1" cellpadding="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
0 komentar:
Posting Komentar