</head>
<body bgcolor="#FFFFFF" text="#000000">
<!-- this is my table which I want to have 1 row and 2 columns, I start off by making a table that is 500 pixels wide, with no border and 3 pixels of cellpadding and spacing (this will give the content within the table a little cushion or margin) I am also making the background of the table light blue-->
<table width="500" border="0" cellspacing="3"
cellpadding="3" bgcolor="#99CCFF">
<tr>
<!-- this is the first column that has the text -->
<td width="400" valign="top">
<h2 align="center">Welcome</h2>
<p>Please feel free to browse my graphics portfolio,
visit the selected links I have collected, and download
a copy of my resume. To reach me by email, send correspondence
to the following address: megan@whirld.com </p>
<p> </p>
<p> </p>
</td>
<!-- this is the second column that has the navigation -->
<td width="100" valign="top">
<!-- inside the second column there is another table that has 4 rows and 1 column-->
<table width="100" border="1" cellspacing="3" cellpadding="3" bgcolor="#FFFFFF">
<!-- this is the first row-->
<tr>
<td bgcolor="#66CCFF">
<div align="center"><font color="#FFFFFF">Home</font></div>
</td></tr>
<!-- this is the second row-->
<tr><td bgcolor="#0099FF">
<div align="center"><font color="#FFFFFF">Family</font></div>
</td></tr>
<!-- this is the third row-->
<tr><td bgcolor="#0066FF">
<div align="center"><font color="#FFFFFF">Recipes</font></div>
</td></tr>
<!-- this is the fourth row-->
<tr><td bgcolor="#0000CC">
<div align="center"><font color="#FFFFFF">Links</font></div>
</td></tr>
<!-- there are no more rows, so its time to end the table-->
</table>
</td>
</tr>
</table>
</body>
</html>