Le tabelle in un documento HTML sono contenute
all'interno di un elemento TABLE. L'elemento TABLE specifica le dimensioni della tabella e
ne definisce le proprieta'. Ad esempio, l'attributo BORDER indica che la tabella deve
essere disegnata con un bordo inrorno ad essa e intorno ad ognuna delle caselle
-- nel gergo HTML, ogni riquadro all'interno di una tabella e' chiamato cella o casella.
Gli unici due elementi permessi all'interno di
dell'elemento TABLE sono CAPTION, e TR. CAPTION definisce il titolo della tabella, e puo'
avere un attributo -- ALIGN -- che specifica dove va posizionato. I valori possibili sono
"top" (sopra), "bottom"(sotto), "left" (a sinistra) e
"right" (a destra).
TR definisce una riga della tabella (Table Row) -- una
tabella e' composta da un numero qualsiasi di righe. Ogni riga contiene le caselle
TD (Table Data) o TH (table header). Il numero degli elementi TD o TH all'interno di una
riga definisce il numero di colonne della tabella, mentre il numero degli elementi TR
definisce il numero delle righe. In generale, TD viene usato per celle di dati, mentre TH
e' usato per le intestazioni delle righe o colonne.
Esempio di tabella: Tabella Semplice
Ecco un semplice esempio dell'uso di TABLE, -- una tabella
formata da 3 righe e 4 colonne:
<TABLE BORDER>
<caption align="bottom">Questo e' il Titolo
della Tabella</caption>
<TR> <TH>Intestazione 1 <TH> Intestazione 2 <TH> Intestazione 3 <TH> Intestazione 4 </TR>
<TR> <TD> 0.32
</TD> <TD> 1.2 </TD>
<TD> 3.2 </TD>
<TD> alpha </TD>
</TR>
<TR> <TD> 0.44 </TD>
<TD> 0.3 </TD>
<TD> 7.2 </TD>
<TD> beta </TD>
</TR>
</TABLE>
La tabella e' cosi' visualizzata
Intestazione 1 |
Intestazione 2 |
Intestazione 3 |
Intestazione 4 |
0.32 |
1.2 |
3.2 |
alpha |
0.44 |
0.3 |
7.2 |
beta |
Questo e' il
Titolo della Tabella
Note:
- TH, TD e TR di solito non richiedono le tag di chiusura
Gli elementi TD e TH di solitonon richiedono tag di chiusura (vedi sotto..).
Comunque, potete lo stesso metterle, ed e' consigliabile farlo -- il meccanismo che
gestisce la formattazione delle tabelle di solito e' confuso se mancano le tag di
chiusura. In particolare dovreste sempreusare le tag di chiusura se usate
tabelle all'interno di tabelle -- in questa situazione infatti, il browser senza tag di
chiusura non riuscira' a visualizzare propriamente il vostro lavoro.
- Di default le tabelle non hanno bordi visibili
Di deafault, le tabelle vengono disegnate senza bordi. Dovete usare l'attributo BORDER per
avere tabelle riquadrate.
- Di default, le tabelle sono allineate a sinistra nello
schermo
Le tabelle vengono normalmente visualizzate allineandole a sinistra dal browser. Se volete
tabelle centrate dovete piazzarle all'interno di un elemento <CENTER> ..
</CENTER>,
oppure, grazie agli ultimi sviluppi dell'HTML, usando l'attributo ALIGN. I valori permessi
sono "left" e "right", ad esempio: <TABLE
ALIGN="left">. I valori "left" e "right" allineano
la tabella rispettivamente al margine sinistro e destro della pagina, permettendo al testo
di scorrere intorno alla tabella, esattamente come per le immagini (elemento IMG)
|