Layout Using a Basic Table

You could actually put all the content of your page within a table. Using the table to layout your page is an easy way to organize your content. Copy and Paste the Code Below to use this Layout:

Here is a code to cheat off of, it's already set to have 3 Rows one with two columns:

 <html>
<head>
<title>
Your Page Name Here
</title>

</head>
</body bgcolor="white">

<table border="3" cellpadding="10" cellspacing="2" width="100%">

<tr><td align="center" colspan="2">

<font size="5" face="verdana,arial,helvetica,sans-serif">
<b>Table Page Layout </b>
</font>

</td></tr>

<tr><td align="left" width="20%" valign="top">

<font size="2" face="verdana">

<a href="testlink.html"><b>Link Here</b></a>
<p>
<a href="testlink.html"><b>Link Here</b></a>
<p>
<a href="testlink.html"><b>Link Here</b></a>
<p>
<a href="testlink.html"><b>Link Here</b></a>
<p>
<a href="testlink.html"><b>Link Here</b></a>
<p>
<a href="testlink.html"><b>Link Here</b></a>
<p>
<a href="testlink.html"><b>Link Here</b></a>
<p>
<hr>
<p>
<a href="testlink.html"><b>Sign Guestbook</b></a>
<p>
<a href="testlink.html"><b>View Guestbook</b></a>
<p>
<a href="mailto:xxxx@xxx.com"><b>Email Us</b></a>
<p>
<hr>
<p>


<p>

</td><td align="center" valign="top" width="80%">



<p>

<img src="marretti.jpg" width="350" height="316" alt="Gonzo Marretti">

<p>



</td></tr>
<tr><td align="center" colspan="2">

<font size="1" face="verdana,arial,helvetica,sans-serif">
Copyright © 2010, YourPageName, All Rights Reserved.
</font>

</td></tr></table>



</body>
</html>

No comments:

Post a Comment