Le tabelle

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

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

Foto © Pixabay.

Fai una domanda
I nostri contenuti sono creati in collaborazione con esperti di high-tech, sotto la direzione di Jean-François Pillou, fondatore di CCM.net. CCM è un sito di high-tech leader a livello internazionale ed è disponibile in 11 lingue.
Potrebbe anche interessarti
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.