Nesting
Tables:
TABLE:
Nested TABLE:
|
|||||
•you can put
tables inside tables.
•to do this simply insert a table in a <td> tag
<table>
<tr>
<td><table><tr><td>hi</td></tr><tr><td> </td></tr></table></td>
</tr>
</table>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>table</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table
width="100%" border="1" height="100%">
<tr>
<td width="23%" height="83"><img src="pony.gif"
width="114" height="109">
</td>
<TH width="77%"><font size="6">HERE IS MY PONY
PAGE</font></TH>
</tr>
<tr>
<td width="23%">
<p>link 1
<p>link 2
<p>link 3
<p>link 4
<p>link 5
</td>
<td width="77%">
<table width="99%" border="1" height="149">
<tr>
<td colspan="2" height="22"><font size="4">TOP
NEWS ON THE FARM</font></td>
</tr>
<tr>
<td width="31%" height="71"><img src="pony2.gif"
width="92" height="75"></td>
<td rowspan="2" width="69%">
<p>Here she is the new foal. She is a bit on the red side, which is
slightly unusual for a horse, but then again, her friend in the
corner has wings, so who am I to say what a pony is. </p>
<p>She has her right front hoof up, most likely in a posture of defense.
She will probably kick you when you are not looking. So, at least
you were warned. Be nice. </p>
</td>
</tr>
<tr>
<td width="31%">the new foal!!!</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>