Vai ai metaname | Indice

La creazione del lay-out di pagina

Le tabelle servono per rappresentare dei dati su due dimensioni, per rendere chiaro ed immediato il rapporto fra essi. Sono organizzate in righe e colonne. Quando sono usate per questo motivo le tabelle sono dette tabelle di tabulazione dati. Normalmente, vengono usate per creare il layout di pagina, ossia per posizionare i vari blocchi informativi di testo in alcuni punti dello schermo e sono dette tabelle di layout.
Questo secondo uso è improprio, ma è quello più diffuso e di cui ci occuparemo qui.

Struttura di una tabella

Le tabelle sono generate dal tag <TABLE> che è il contenitore della struttura di dati. All'interno di detto tag i dati sono organizzati in righe <TR> (table row) e di celle <TD> (table data cell).

Vdiamo un esempio di tabella di layout:

Ecco il risultato:

 C.S.O.A. Forte Prenestino.
| link uno
| link 2
| iii link
 

Torna il Jet-Net

Il giovedi' tecnologico di Forte Prenestino L'attitudine alla condivisione dei saperi, alla cooperazione, la voglia di "metterci le mani dentro", prendono vita e concretezza in questa serie di incontri e seminari che avranno luogo al C.S.O.A. Forte Prenestino tutti i giovedi'.
 

Ecco il codice:

<TABLE BORDER="10" WIDTH="60%">

<TR>
<TD VALIGN=top WIDTH="20%" bgcolor="#000000">
<img src="../img/l.gif" alt=" C.S.O.A. Forte Prenestino. " width="142" height="112" border="0">
<hr width="70%">
<font color="#000000">|</font> <A HREF="a.htm">link uno</A><br>
<font color="#000000">|</font> <A HREF="b.htm">link 2</A><br>
<font color="#000000">|</font> <A HREF="c.htm">iii link</A><br>
</TD>

<TD WIDTH="40%" bgcolor="#000000">
<h1>Torna il Jet-Net</h1>
Il giovedi' tecnologico di Forte Prenestino
L'attitudine alla condivisione dei saperi, alla cooperazione, la voglia di
"metterci le mani dentro", prendono vita e concretezza in questa serie di
incontri e seminari che avranno luogo al C.S.O.A. Forte Prenestino tutti i
giovedi'.<br> </TD>
</TR>

</TABLE>

 

| ^ |


Autore: Arclele
Data ultima modifica: 16 aprile 2003
Email: arclele(at)forteprenestino.net
Copyright: (c) 2003 AvANa.net
GNU Free Documentation License.