masukkan kode HTML yang anda siap kan seperti ini :
<body>
<table border="1" height="300%" width="400%">
<tr>
<td bgcolor="#00FF00" align="center" height="50px" width="400px" colspan="2">baris</td>
</tr>
<tr>
<td bgcolor="#FF0000" align="center" height="250px" width="50px">kolom</td>
<td bgcolor="#0000FF" align="center" height="250px" width="350px">baris 2</td>
</tr>
</table>
</body>
inilah hasil nya :
| baris | |
| kolom | baris 2 |
janga lupa tutup </body>
2.....
<table border="1" width="100%" height="100%">
<tr>
<td width="20%" height="100%" rowspan="2" bgcolor="#FFFF00" ><center>Gambar 1</center></td>
<td width="80%" height="20%" bgcolor="#66FF00" ><center>Gambar 2</center></td>
</tr>
<tr>
<td width="80%" height="80%" bgcolor="#3300FF"><center>Gambar 3</center></td>
</tr>
</table>
Hasilnya :
3.....
<table border="1" width="100%" height="300">
<tr>
<td width="100%" height="50" colspan="3" bgcolor="#0000CC" ><center>Gambar 1</center></td>
</tr>
<tr>
<td width="20%" height="200" bgcolor="#FF0000" ><center>Gambar 2</center></td>
<td width="60%" height="200" bgcolor="#66FF99"><center>Gambar 3</center></td>
<td width="20%" height="200" bgcolor="#FFFF00" ><center>Gambar 4</center></td>
</tr>
<tr>
<td width="100%" height="50" colspan="3" bgcolor="#CCFFCC" ><center>Gambar 5</center></td>
</tr>
</table>
Hasilnya :
4.....
<table border="1" width="100%" height="400" >
<tr>
<td width="70%" height="20%" colspan="2" bgcolor="#FF0000"><center>Gambar 1</center></td>
<td width="30%" height="300" rowspan="2" bgcolor="#00FF00"> <center>Gambar 2</center></td>
</tr>
<tr>
<td width="35%" height="80%" rowspan="2" bgcolor="#0000FF"><center>Gambar 3</center></td>
<td width="35%" height="40%" bgcolor="#FFFF00" ><center>Gambar 4</center></td>
</tr>
<tr>
<td width="35%" height="200" bgcolor="#00FFFF" ><center>Gambar 5</center></td>
<td width="30%" height="200" bgcolor="#FF00FF"><center>Gambar 6</center></td>
</tr>
</table>
Hasilnya :
0 komentar:
Posting Komentar