Gli esempi mostrano come è possibile organizzare la pagina utilizzando le tabelle.
Modello a due colonne, con cella per l'intestazione (header) e cella per il pié pagina (footer)
Nella colonna di sinistra di solito ci va un menu.
<TABLE WIDTH="100%" ALIGN="center" CELLSPACING="0">
<TR>
<TD width="100%" COLSPAN="2">intestazione</TD>
</TR>
<TR>
<TD width="20%">colonna sinistra, di solito ci va un menu</TD>
<TD width="80%">colonna dei contenuti</TD>
</TR>
<TR>
<TD width="100%" COLSPAN="2">piè di pagina</TD>
</TR>
</TABLE>
intestazione (logo, banner pubblicitari, ...) |
colonna sinistra, di solito ci va un menu |
colonna dei contenuti |
piè di pagina (contatore di accessi, indirizzo web master, data e ora, ecc.) |
Modello a tre colonne con header (intestazione)
<TABLE WIDTH="100%" ALIGN="center" CELLSPACING="0">
<TR>
<TD width="100%" COLSPAN="3">intestazione</TD>
</TR>
<TR>
<TD width="20%">colonna sinistra, di solito ci va un menu</TD>
<TD width="60%">colonna dei contenuti</TD>
<TD width="20%">colonna destra, altro menu o moduli</TD>
</TR>
</TABLE>
intestazione |
colonna sinistra, di solito ci va un menu |
colonna dei contenuti |
colonna destra, altro menu o moduli |
Modello a due colonne con header (intestazione) e una riga per il menu orizzontale
<TABLE WIDTH="100%" ALIGN="center" CELLSPACING="0">
<TR>
<TD width="100%" COLSPAN="2">intestazione A</TD>
</TR>
<TR>
<TD width="100%" COLSPAN="2">menu orizzontale</TD>
</TR>
<TR>
<TD width="15%">colonna sinistra, di solito ci va un menu</TD>
<TD width="85%">colonna dei contenuti</TD>
</TR>
</TABLE>
intestazione |
menu orizzontale |
colonna sinistra, di solito ci va un menu |
colonna dei contenuti |
