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>