Le tabelle

Gennaio 2018
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=nTABLEDimensione del bordo
CELLPADDING=nTABLESpaziatura di n pixel tra il contenuto delle celle e il bordo
CELLSPACING=nTABLESpessore della griglia interna
FLOATTABLERIGHT
LEFT
Posizione del testo che seguirà </TABLE>
COLS=nTABLENumero 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

Foto © Pixabay.

Tables
Tables
Tablas
Tablas
Tableau HTML (TABLE)
Tableau HTML (TABLE)
Os quadros
Os quadros
ASCII
ASCII
Ultimo aggiornamento 18 dicembre 2017 alle 15:14 da AntonelloCCM.
Il documento intitolato «Le tabelle» dal sito 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.
Elenchi
Link ipertestuali