 |
 |
 |
|
|
|
| TAG/Attributo | Descrizione |
|---|---|
| <TABLE BORDER=n CELLSPACING=n CELLPADDING=n BGCOLOR="#rrggbb"> | TABLE - tag di inizio tabella. BORDER - definisce lo spessore del bordo della tabella. BORDER=0 rimuove completamente il bordo. CELLSPACING - definisce lo spazio fra le celle della tabella. CELLPADDING - definisce lo spazio fra il contenuto della cella e i bordi. BGCOLOR - definisce il colore di sfondo della tabella. |
| <TR> | Ogni riga deve iniziare con il tag <TR> |
| <TD> | Ogni colonna/cella deve iniziare con il tag <TD> |
| <TH> | Usando <TH> invece di <TD> il testo nella cella diventa in grassetto e centrato |
| ALIGN=LEFT|RIGHT|CENTER | Usato con i tag <TR>, <TH> o <TD> per posizionare il testo/immagine orizzontalmente all'interno della cella |
| VALIGN=TOP|BOTTOM|MIDDLE | Usato con i tag <TR>, <TH> o <TD> per posizionare il testo/immagine verticalmente all'interno della cella |
| WIDTH=n% | Usato con i tag <TH> o <TD> per definire la larghezza della cella. Se non si specifica una larghezza essa si adatta automaticamente al contenuto. |
| COLSPAN=n | Usato con i tag <TH> o <TD> per definire il numero di colonne che si vuole il testo/immagine si estenda. |
| ROWSPAN=n | Usato con i tag <TH> o <TD> per definire il numero di righe che si vuole il testo/immagine si estenda. |
| </TABLE> | Questo tag è essenziale per la chiusura della tabella |
Potete creare una semplice tabella come questa ...
| TABELLA 1 : Una colonna |
|---|
| Questa è la prima riga |
| Questa è la seconda riga |
| Questa è la terza riga |
| Questa è la quarta riga |
| TABELLA 2 : Due colonne | |
|---|---|
| Colonna 1 | Colonna 2 |
| Riga 1 Colonna 1 | Riga 1 Colonna 2 |
| Riga 2 Colonna 1 | Riga 2 Colonna 2 |
| Riga 3 Colonna 1 | Riga 3 Colonna 2 |
| Riga 4 Colonna 1 | Riga 4 Colonna 2 |
| TABELLA 3 : Modificare la posizione del testo | |
|---|---|
| ALIGN=MIDDLE significa che tutto il testo della cella viene
centrato orizzontalmente. VALIGN=BOTTOM significa che tutto il testo della cella viene allineato verticalmente in basso. Questa parte successiva di testo in realtà non servirebbe ma mi serve per differenziare le dimensioni delle due finestre e mostrare così l'allineamento. | ALIGN=RIGHT significa che tutto il testo della cella viene
allineato a destra. VALIGN=TOP significa che tutto il testo della cella viene allineato verticalmente in alto. |
| TABELLA 4 : Cambiare la larghezza delle colonne | |
|---|---|
| Questa cella è magra | In relazione a questa grassa! |
| TABELLA 5 : Più di una riga di tětolo | ||
|---|---|---|
| Prima Colonna | Seconda Colonna | Terza Colonna |
| Ecco | qui. | Come |
| tu | puoi | vedere |
| ci | sono | molte |
| opzioni | a | disposizione |
| TABELLA 6 : Combinando tutto insieme | ||
|---|---|---|
| Questo testo dovrebbe estendersi su tre righe. Naturalmente l'allineamento verticale è determinato dall'attributo VALIGN. La quantità di spazio bianco in fondo alla cella è determinato dalla quantità di testo all'interno di questa cella rispetto alle altre righe. | Questa è la seconda colonna. | E' anche possibile inserire immagini all'interno di una tabella. In generale all'interno delle celle di una tabella è possibile usare qualsiasi altro tag. |
| Questa è la seconda riga della seconda colonna. |  "Don't Worry. Be Happy"
| |
| E' possibile lasciare delle celle vuote. Per farlo basta inserirvi il carattere speciale che genera uno spazio bianco. | ||