Pnjelasan :
Clospan : menyatukan lebih dari 1 kolom
Rowspan : menyatukan lebih dari 1 baris
Contoh 1:
<html>
<head>
<title>Table 1</title>
</head>
<body>
<table border="1" width="500">
<tr>
<td>Header kiri</td>
<td align="center" width="50%">Header tengah</td>
<td align="right">Header kanan</td>
</tr>
<tr>
<td valign="top" rowspan="2">Menu kiri</td>
<td align="center" colspan="2" height="200">Bagian Isi</td>
</tr>
<tr>
<td align="center">Footer tengah</td>
<td align="right">Footer kanan</td>
</tr>
</table>
</body>
</html>
Hasilnya adalah seperti berikut:
Contoh 2:
<html>
<head>
<title>Tugas 2</title>
</head>
<body>
<table border="1"width="500">
<tr>
<td align="center"colspan="4">1</td>
</tr>
<tr>
<td align="center">2</td>
<td align="center"colspan="2">3</td>
<td valign="top"align="center"rowspan="3">8</td>
</tr>
<tr>
<td align="center">4</td>
<td align="center">5</td>
<td align="center">6</td>
</tr>
<td align="center"colspan="3">7</td>
</tr>
</body>
</html>
Nah, dari kode html diatas, kira-kira seperti ini tampilannya:
Sampai ketemu lagi...
Tidak ada komentar:
Posting Komentar