kali ini saya akan sedikit cerita tentang cara membuat tabel bersarang di HTML. Tabel dalam website banyak digunakan untuk menyajikan informasi yang terdiri dari baris dan kolom agar tampak lebih rapi dan mudah dipahami. Dengan kode HTML sederhana Kita dapat membuat tabel statis , Informasi yang muncul dari data yang ditulis dalam kode HTML sederhana. Dalam web desain, tabel juga bisa membuat penampilan lebih cantik dan rapi .
Contoh membuat tabel bersarang :
<html>
<head>
</head>
<body bgcolor="#FF0000">
<table border="1" cellpadding="5">
<caption>Online Order</caption>
<tr>
<th>Description</th>
<th>Qty</th>
<th align="right">Price</th>
<th>Email Account Note</th>
</tr>
<tr>
<td>Email Account</td>
<td align="right">10</td>
<td align="right">$9.90</td>
<td rowspan="5">
<table border="1">
<tr><td>Mailbox</td><td>10GB</td></tr>
<tr><td>Webmail</td><td>Yes</td></tr>
<tr><td>POP3</td><td>Yes</td></tr>
<tr><td>IMAP</td><td>Yes</td></tr>
<tr><td>Anti-spam</td><td>Yes</td></tr>
</table>
</td>
</tr>
<tr>
<td>FYIcenter.com ad</td>
<td align="right">1</td>
<td align="right">$99.00</td>
</tr>
<tr>
<td>1-years Acces</td>
<td align="right">1</td>
<td align="right">$199.00</td>
</tr>
<tr>
<td colspan="2" align="right">Shipping</td>
<td align="right">$3.99</td>
</tr>
<tr>
<td colspan="2" align="right">Tax</td>
<td align="right">$15.99</td>
</tr>
</table>
</body>
</html>
Hasil dari Coding :
Tidak ada komentar:
Posting Komentar