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.

Precedente

• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

Successivo