3. Contoh Layout 3
<!DOCTYPE html >
<head>
<title>Left Colour</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="447" border="1" align="center" cellspacing="1">
<tr>
<th width="160" rowspan="3" valign="top" bgcolor="#white"><p>Home</p>
<p>Profile</p>
<p>About Us</p>
<p>Blog</p>
<p>Contact Us</p></th>
<th width="627" height="23" align="center" bgcolor="#FF1493"><strong><font color="black" size="+4">Electronic
Shop</font></strong></th>
</tr>
<tr>
<td height="176" align="center" valign="top" bgcolor="green"><p> </p>
<p>Selamat datang di web kami, penjualan produk online ini adalah yang pertama di kota kami.
kualitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.
</p></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="white"> <font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>
HASIL
4. Contoh Layout 4
<!DOCTYPE html >
<head>
<title>left and right</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="512" border="1" align="center">
<tr>
<td width="15%" rowspan="2" align="center" bgcolor="blue"><strong>Daftar
Isi </strong> </td>
<td width="67%" height="23" align="center" bgcolor="grey"><font size="+3"><strong>Banner/judul</strong></font></td>
<td width="18%" rowspan="2" align="center" bgcolor="blue"><strong>Daftar
Isi </strong> </td>
</tr>
<tr>
<td height="456" align="center" bgcolor="#00FF00">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#3CB371">Body atau contents(isi)</font></p>
<p><font color="#0000FF">Body atau contents(isi)</font></p>
<p><font color="#191970">Body atau contents(isi)</font></p>
</td>
</tr>
<tr bgcolor="grey">
<td height="23" colspan="3" align="center">Lainlain </td>
</tr>
</table>
</form>
</body>
</html>
HASIL
5. Contoh Layout 5
<!DOCTYPE html>
<head>
<title>alternating</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="750" height="730" border="1" align="center">
<tr>
<td height="220" align="center" bgcolor="cyan"><font size="+1"><strong>Picture</strong></font></td>
<td align="center" bgcolor="#FFFFFF"><font color="#191970" size="+7"><strong><em>Picture</em></strong></font></td>
</tr>
<tr>
<td height="255" align="center" bgcolor="#ffffff"><font color="#191970" size="+7"><strong><em>Picture</em></strong></font><font size="+7"><em></em></font></td>
<td align="center" bgcolor="cyan"><font size="+1"><strong>Picture</strong></font</td>
</tr>
<tr bgcolor="#008080">
<td height="145" colspan="2" align="center"><font color="#FFFFFF"><strong><font size="+1">LainLain</font></strong></font></td>
</tr>
</table>
</form>
</body>
</html>
HASIL
Komentar
Posting Komentar