Atribut Cellspacing dan Cellpadding HTML
tag <table> memiliki 2 atribut:
1. cellspacing digunakan untuk mengatur jarak atau spasi antar sel (dalam satuan pixel)
2. cellpadding digunakan untuk menentukan jarak data yang ada dalam suatu sel dengan border atau bingkai dari sel yang bersangkutan.
Contoh penggunaanya:
<html>
<head>
<title>Tabel dalam html</title>
</head>
<body>
<table border="2" cellspacing="5" cellpadding="10">
<caption>Tabel Harga Produk</caption>
<tr bgColor="#ff99aa">
<th>Kode Produk</th>
<th width="200">Nama Produk</th>
<th width="100">Harga</th>
<th width="150">Gambar</th>
</tr>
<tr bgColor="#ff99aa">
<td>P001</td>
<td width="200">Kipas Angin</td>
<td width="100">400.000,-</td>
<td width="150" align="center"><img src="kipas angin.jpg" width="145" height="150"/></td>
</tr>
<tr bgColor="#ff99aa">
<td>P002</td>
<td width="200">Lemari Es</td>
<td width="100">1.500.000,-</td>
<td width="150" align="center"><img src="lemari es.jpg" width="145" height="150"/></td>
</tr>
<tr bgColor="#ff99aa">
<td>P003</td>
<td width="200">Radiotape</td>
<td width="100">1.000.000,-</td>
<td width="150" align="center"><img src="radiotape.jpg" width="145" height="150"/></td>
</tr>
<tr bgColor="#ff99aa">
<td>P004</td>
<td width="200">Televisi</td>
<td width="100" bgColor="#ff99aa">1.200.000,-</td>
<td width="150" align="center"><img src="Televisi.jpg" width="145" height="150"/></td>
</tr>
</table>
</body>
</html>
Demikian penjelasan Atribut Cellspacing dan Cellpadding HTML
0comments:
Post a Comment