Below, I explain in detail some of the more complex tables tags for making full web-book pages.

First, with the web-book page I paint a strap of dark-red colour across the full width of the area I want to designate as my A4-page. I have chosen to make it 600 pixels + 12 pixels of cellpadding (2 x 6).


<table cellpadding=6>
<tr>
<td width=600 bgcolor=aa0000 align=right><font face=arial size=+3
color=dddddd>cyberfrance</font>
</td></tr>
</table>




The long, narrow, marginal image of the Eiffel Tower will stretch the full height of the body text. I set it to span the 3 rows, its own which includes the Lévy piece and the other eiffel.gif, and the 2 lower rows which it will span. Notice, too, that I use the switch off tags for /td and /tr when designing tables nested within tables otherwise some browsers cannot handle the stack of HTML code.

     
   
This is one row.

<table cellpadding=4>
<tr>
<td rowspan=3 width=80 height=800><img src="eiffel.gif" width=78
height=790>
</td>



This is a new tag. It starts a numbered or ordered list. It must be switched off with /ol and its items must each be started with a new tag li
<ol>

<li> A tribal age

<li> The second age 

</ol>




For the graph I make a table nested within the main table of the book page. Be sure to switch off all detail and row tags if you nest tables.
<tr>
<td bgcolor=ffcc66 width=260 height=180>

 <table border=0>
 <tr>
 <td colspan=2><b>Growth of Home Internet in 
France</b></td></tr>
 <tr>
 <td>1996</td>
 <td><img src="red19.jpg" width=29
height=19></td></tr>
 <tr>
 <td>1997</td>
 <td><img src="red19.jpg" width=50
height=19></td></tr>
 <tr>
 <td>1998</td>
 <td><img src="red19.jpg" width=100
height=19></td></tr>
 </table>



I have used the squared paper gif as a background here to show that this is a short note or reminder to my audience, notice how I have vertically aligned the text so that it stays at the top of the td cell.

<td width=260 background="quad.jpg" valign=top><b>IN HER 1998 
BOOK</b> 

Just a tip here, when you display numbers in a table detail cell align them to the right of the cell so that the 'tens' and 'units' line up on top of each other.


 <tr>
 <td>Messages & searching</td>
 <td align=right>95</td></tr>

Manage the width of each of your table detail cells so that they do not stretch beyond the maximum width you have set for the strap lines at the top and the bottom of the page.