kode html untuk layout dibawah ini.
<html>
<head>
<title>N01</title>
</head>
<body>
<table width="100%" height="59" border="8">
<tr>
<th width="100%" height="47" bgcolor="#4F81BD" scope="col">Header</th>
</tr>
</table>
<table width="100%" height="5%">
<tr>
<th height="37" bgcolor="#000000" scope="col"></th>
</tr>
</table>
<table width="50%" height="100%" border="8" align="left"> <th height="362" bgcolor="#F79646" scope="col"><p>Conten</p>
</th>
</tr>
</table>
<table width="50%" height="100%" border="8">
<tr>
<th width="504" height="370" bgcolor="#C0504D" scope="col"><p>Menu</p>
</th>
</tr>
</table>
<table width="100%" height="59" border="2" align="center" bordercolor="#000000" bgcolor="#FFFF00">
<tr>
<th bordercolor="#000000" bgcolor="#FFFF00" scope="col">Footer</th>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>N02</title>
</head>
<body>
<table width="100%" height="59" border="5">
<tr>
<th width="100%" height="47" bgcolor="#4BACC6" scope="col">Header</th>
</tr>
</table>
<table width="49%" height="100%" border="1" align="left" cellpadding="3" cellspacing="0"> <th height="362" bgcolor="#7030A0" scope="col"><p>Navigation</p>
</th>
</tr>
</table>
<table width="51%" height="100%" border="8" cellpadding="0" cellspacing="0">
<tr>
<th width="504" height="370" bgcolor="#F79646" scope="col"> <p>Menu</p>
</th>
</tr>
</table>
<table width="100%" height="59" cellpadding="1" cellspacing="1" bordercolor="#000000">
<tr>
<th height="37" bgcolor="#FF0000" scope="col">Footer</th>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>N03</title>
</head>
<body>
<table width="100%" height="59" border="1" bordercolor="#000000">
<tr>
<th bgcolor="#4F81BD" scope="col">Header</th>
</tr>
</table>
<table width="100%" height="600" border="1">
<tr>
<th width="33%" bgcolor="#00B050" scope="col">Menu</th>
<th width="48%" rowspan="2" bgcolor="#C0504D" scope="col">Menu</th>
<th width="19%" rowspan="2" bgcolor="#CCC0D9" scope="col"> </th>
</tr>
<tr>
<td bgcolor="#002060"><div align="center"><strong>Gambar</strong></div></td>
</tr>
</table>
<table width="100%" height="59" border="1">
<tr>
<th bgcolor="#4F81BD" scope="col">Footer</th>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>N04</title>
</head>
<body>
<table width="100%" height="59" border="1" cellpadding="3" cellspacing="5">
<tr>
<th bgcolor="#C0504D" scope="col">Header</th>
</tr>
</table>
<table width="100%" height="59" border="1" cellpadding="3" cellspacing="5">
<tr>
<th height="27" bgcolor="#FFFF00" scope="col">Menu</th>
</tr>
</table>
<table width="100%" height="250" border="1" cellpadding="3" cellspacing="5">
<tr>
<th bgcolor="#0070C0" scope="col"></th>
<th bgcolor="#0070C0" scope="col"></th>
<th bgcolor="#0070C0" scope="col"></th>
</tr>
</table>
<table width="100%" height="250" border="1" cellpadding="3" cellspacing="5">
<tr>
<th bgcolor="#7030A0" scope="col"></th>
<th bgcolor="#7030A0" scope="col"></th>
</tr>
</table>
<table width="100%" height="59" border="1" cellpadding="3" cellspacing="5">
<tr>
<th bgcolor="#C0504D" scope="col">Footer</th>
</tr>
</table>
</body>
</html>
0 komentar:
Posting Komentar