Le tabelle

Uso di tabelle

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 :

  • 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


Ultime modificazione ilvenerdì 6 febbraio 2009 alle 16:51:57


Questo documento intitolato «  » da Kioskea (it.kioskea.net) è reso disponibile sotto la licenza Creative Commons. È possibile copiare, modificare le copie di questa pagina, alle condizioni previste dalla licenza, come questa nota appare chiaramente.