Le tabelle

Dicembre 2016
Durante le riunioni aziendali, a lavoro o semplicemente per fare degli schemi riassuntivi, è 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:

La tabelle è inserita nei tag <TABLE> e </TABLE>;

Il titolo della tabella è definito da <CAPTION> </CAPTION>;

Ogni linea è definita da <TR> </TR> (Table Row, tradotto con linea di tabella);

Le celle dell'intestazione sono definite da <TH> </TH> (per Table Header: intestazione di tabella);

Le celle di valori sono definite da <TD> </TD> (Table Data: dati di tabella).

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:

Ecco il titolo della tabella
Titolo A1 Titolo A2 Titolo A3 Titolo A4
Titolo B1 Valore B2 Valore B3 Valore B4

Gli attributi

AttributoTag ai quali si applicaValoreEffetto visivo
ALIGNTHEAD
TBODY
TH
TR
TD
CENTER

LEFT


RIGHT


JUSTIFY

centrato

Sinistra


Destra


Giustificato

CAPTIONTOP

BOTTOM

In alto

In basso

VALIGN
(allineamento verticale)
THEAD
TBODY
TH
TR
TD
TOP

MIDDLE


BOTTOM

In alto

In mezzo


In basso

BORDER=nTABLE Dimensione del bordo
CELLPADDING=nTABLE Spaziatura di n pixel tra il contenuto delle celle e il bordo
CELLSPACING=nTABLE Spessore della griglia interna
FLOATTABLERIGHT

LEFT

Posizione del testo che seguirà </TABLE>
COLS=nTABLE Numero di colonne
FRAME

(controlla gli elementi individuali della cornice della tabella)

TABLENONE

TOP


BOTTOM


TOPBOT


SIDES


ALL

Nessuno

Sopra


In basso


All'inizio


Sui lati


Tutti

RULES

(controlla gli elementi della griglia delle celle)

TABLENONE

BASIC


ROWS


COLS


ALL

Nessuno

di base


Linea

Colonna


Tutti

COLSPANTHEAD
TBODY
TH
TR
TD
 Sconfinamento di celle nelle colonne vicine
ROWSPANTHEAD
TBODY
TH
TR
TD
 Sconfinamento di celle nelle linee vicine

Potrebbe anche interessarti :

Tables
Tables
Tablas
Tablas
Tableau HTML (TABLE)
Tableau HTML (TABLE)
Os quadros
Os quadros
ASCII
ASCII
Il documento intitolato « Le tabelle » da CCM (it.ccm.net) è reso disponibile sotto i termini della licenza Creative Commons. È possibile copiare, modificare delle copie di questa pagina, nelle condizioni previste dalla licenza, finché questa nota appaia chiaramente.