E' spesso utile presentare delle informazioni strutturate in un modo migliore rispetto ad un elenco. Le tabelle permettono di visualizzarle in linee e colonne. Le tabelle sono definite come una serie di linee.
Una tabella deve rispettare le poche regole qui di seguito :
Ecco un esempio di tabella HTML :
<TABLE BORDER="1"> <CAPTION> Ecco il titolo della tabella </CAPTION> <TR> <TH> Titolo A1 </TH> <TH> Titolo A2 </TH> <TH> Titolo A3 </TH> <TH> Titolo A4 </TH> </TR> <TR> <TH> Titolo B1 </TH> <TD> Valore B2 </TD> <TD> Valore B3 </TD> <TD> Valore B4 </TD> </TR> </TABLE>
Il codice da il seguente risultato :
| Titolo A1 | Titolo A2 | Titolo A3 | Titolo A4 |
|---|---|---|---|
| Titolo B1 | Valore B2 | Valore B3 | Valore B4 |
| Attributo | Tag ai quali si applica | Valore | Effetto visivo |
|---|---|---|---|
| ALIGN | THEAD TBODY TH TR TD |
CENTER LEFT RIGHT JUSTIFY |
centrato Sinistra Destra Giustificato |
| CAPTION | TOP BOTTOM |
In alto In basso |
|
| VALIGN (allineamento verticale) |
THEAD TBODY TH TR TD |
TOP MIDDLE BOTTOM |
In alto In mezzo In basso |
| BORDER=n | TABLE | Dimensione del bordo | |
| CELLPADDING=n | TABLE | Spaziatura di n pixel tra il contenuto delle celle e il bordo | |
| CELLSPACING=n | TABLE | Spessore della griglia interna | |
| FLOAT | TABLE | RIGHT LEFT |
Posizione del testo che seguirà </TABLE> |
| COLS=n | TABLE | Numero di colonne | |
| FRAME (controlla gli elementi individuali della cornice della tabella) |
TABLE | NONE TOP BOTTOM TOPBOT SIDES ALL |
Nessuno Sopra In basso All'inizio Sui lati Tutti |
| RULES (controlla gli elementi della griglia delle celle) |
TABLE | NONE BASIC ROWS COLS ALL |
Nessuno di base Linea Colonna Tutti |
| COLSPAN | THEAD TBODY TH TR TD |
Sconfinamento di celle nelle colonne vicine | |
| ROWSPAN | THEAD TBODY TH TR TD |
Sconfinamento di celle nelle linee vicine |