I wouldn't be able to do this without the use of tables. The code that's really going on to lay this section out so neatly is a table like this:

<table border="0">
<tr>
<td bgcolor="yellow"><A HREF="family.html">Family</A></td>
<td rowspan="4" colspan="2">
<p align="center">
<font size="6" color="#4A6342"><I>Welcome to my Web Page!</I></font></p>
<p><img height="328" width="336" src="graphics/cats.jpg"></td>
</tr>
<tr>
<td bgcolor="yellow"><A HREF="hobbies.html">Hobbies</A></td>
</tr>
<tr>
<td bgcolor="yellow"><A HREF="job.html">Job</A></td>
</tr>
<tr>
<td bgcolor="yellow"><A HREF="favlinks.html">Fav Links</A></td>
</tr>
</table>

Obviously, this is a simple example but it gives you an idea of how you can layout your pages so that they are more decorative and useful. You can create a page where they entire layout of the page is a table where you carefully control the layout of the cells to create the look you want to achieve. Many web page creation tools (more on this next week!) use this idea to create careful page layout placements and very fine control on the placement of elements.

Using color