Le tabelle, oltre al loro normale utilizzo, possono essere utilissime per impaginare il nostro sito. Con le tabelle possiamo creare un menu laterale, ottenendo un risultato simile a quello che potremmo ottenere usando i frames.
Per indicare al browser l'inizio e al fine della tabella bisogna usare i tags <table> e </table>. All'interno di questi tags userete il tag <tr></tr> per definire una riga, ed il tag <td></td> per definire una cella.
|
Definizione |
<TABLE></TABLE> |
|
|
bordo |
<table border=?></TABLE> |
|
|
spazio tra celle |
<TABLE CELLSPACING=?> |
|
|
spazio all'interno |
<TABLE CELLPADDING=?> |
|
|
larghezza desiderata |
<TABLE WIDTH=?> |
(in pixel) |
|
Larghezza in percentuale |
<TABLE WIDTH="%"> |
(percentuale rispetto alla pagina) |
|
riga |
<TR></TR> |
|
|
allineamento |
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
cella |
<TD></TD> |
(deve essere all'interno di una riga) |
|
allineamento |
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
senza interruzione |
<TD NOWRAP> |
|
|
colonne da occupare |
<TD COLSPAN=?> |
|
|
righe da occupare |
<TD ROWSPAN=?> |
|
|
larghezza desiderata |
<TD WIDTH=?> |
(in pixel) |
|
larghezza desiderata in percentuale |
<TD WIDTH="%"> |
(percentuale rispetto alla tabella) |
|
colore di sfondo della cella |
<TD BGCOLOR="#$$$$$$"> |
|
|
Intestazioni delle celle |
<TH></TH> |
(uguale alle celle di dati, ma in neretto e centrata) |
|
allineamento |
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
senza interruzione |
<TH NOWRAP> |
|
|
colonne da occupare |
<TH COLSPAN=?> |
|
|
righe da occupare |
<TH ROWSPAN=?> |
|
larghezza desiderata |
<TH WIDTH=?> |
(in pixel) | |
|
larghezza desiderata in percentuale |
<TH WIDTH="%"> |
(percentuale rispetto alla tabella) |
|
colore di sfondo della cella |
<TH BGCOLOR="#$$$$$$"> |
|
|
Legenda della tabella |
<CAPTION></CAPTION> |
|
|
allineamento |
<CAPTION ALIGN=TOP|BOTTOM> |
(sopra o sotto la tabella) |