Table with border
Table divided into 3 columns.
Menus can go in the side columns.




Simple Cell with several rows and columns
Organize
Create Menus
Organize names or products
Keep records
Display products
Divide items
Create lists
Make directories


Table without border
Makes the page appear to have no table, but still confines text where you want it!
Menus can also go in columns with this design.



***** Use the code in the yellow table below to see if you can match the tables
above with their proper HTML tags.....


<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Sample Page for Tables</title>
</head>
<body>
<table style="width: 850px; text-align: left;" border="2"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="width: 25%; background-color: rgb(102, 102, 204); vertical-align: top;"><span
style="color: rgb(255, 255, 255); font-weight: bold;">Table with border</span><br>
</td>
<td style="vertical-align: top;"><span style="font-weight: bold;">Table
divided into 3 columns.</span><br>
</td>
<td
style="width: 15%; background-color: rgb(204, 204, 255); vertical-align: top;"><span
style="font-weight: bold; color: rgb(255, 255, 255);">Menus
can go in the side columns.</span><br>
<br>
<br>
<br>
</td>
</tr>
</tbody>
</table>
<br>
<table style="width: 550px; text-align: left;" border="2"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;">Simple Cell with several rows
and columns<br>
</td>
<td style="vertical-align: top;">Organize<br>
</td>
<td style="vertical-align: top;">Create Menus<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">Organize names or products<br>
</td>
<td style="vertical-align: top;">Keep records<br>
</td>
<td style="vertical-align: top;">Display products<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">Divide items<br>
</td>
<td style="vertical-align: top;">Create lists<br>
</td>
<td style="vertical-align: top;">Make directories<br>
</td>
</tr>
</tbody>
</table>
<br>
<br>
<table style="width: 850px; text-align: left;" border="0"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="width: 25%; background-color: rgb(33, 99, 99); vertical-align: top;"><span
style="color: rgb(255, 255, 255); font-weight: bold;">Table without
border</span><br>
</td>
<td style="vertical-align: top;"><span style="font-weight: bold;">Makes
the page appear to have no table, but still confines text where you
want it!</span><br>
</td>
<td
style="width: 15%; background-color: rgb(33, 99, 99); vertical-align: top;"><span
style="color: rgb(255, 255, 255); font-weight: bold;">Menus can also
go in columns with this design.</span><br>
</td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
</body>
</html>