<html>
<head>
<title>WEB PAGE TITLE GOES HERE</title>
</head>
<body style="font-family: 'Trebuchet MS',verdana; margin: 0px; padding: 0px;">
<table border="0" cellpadding="10" cellspacing="0" style="height: 100%; width: 100%px;">
<tr>
<!-- ============ HEADER SECTION ============== -->
<td bgcolor="#777d6a" colspan="3" style="height: 100px;"><h1>
Website Logo</h1>
</td></tr>
<!-- ============ NAVIGATION BAR SECTION ============== -->
<tr><td bgcolor="#a9ae9f" colspan="3" height="30" valign="middle"><a href="#">Home</a></td></tr>
<tr>
<!-- ============ LEFT COLUMN (MENU) ============== -->
<td bgcolor="#999f8e" valign="top" width="20%">
<a href="#">Menu link</a><br />
<a href="#">Menu link</a><br />
<a href="#">Menu link</a><br />
<a href="#">Menu link</a><br />
<a href="#">Menu link</a><br />
</td>
<!-- ============ MIDDLE COLUMN (CONTENT) ============== -->
<td bgcolor="#d2d8c7" valign="top" width="55%">
<h2>
Page heading</h2>
A three column layout with header, navigation bar and footer sections. The first, second and fourth table rows create the header, navigation bar and footer respectively and contain a single table cell each. All these table cells use colspan="3" attribute-value pair. <br />
<br />
The third table row contains three table cells which create the menu column (left), the content column (middle) and the extra column (right).<br />
<br />
</td>
<td bgcolor="#999f8e" valign="top" width="25%"> </td>
</tr>
<!-- ============ FOOTER SECTION ============== -->
<tr><td align="center" bgcolor="#777d6a" colspan="3" height="20">Copyright ©</td></tr>
</table>
</body>
<html>
</html></html>
No comments:
Post a Comment