guida online html5 & css3

Impaginare dati in tabelle

Una tabella è una combinazione di dati che si ottengono incrociando righe e colonne. Viene utilizzata come tavola a supporto del testo. Ha la stessa valenza della "figura" in un volume.

Il tag <table> è block-level.

Il tag <table>

Può contenere quattro diversi sottotag:

caption - L'intestazione della tabella

thead - Gruppo di una o due righe che intestano le colonne

tbody - Il corpo della tabella con i dati

tfoot - Il piede della tabella con indicazioni accessorie (data, campione, unità di isura, etc.)

tr - riga di rìtabella

th - cella di intestazione (l'attributo "scope" indica la direzione)

<table width="numeroIntero oppure numero con percentuale" height="numeroIntero oppure numero con percentuale" border="larghezza del bordo" cellpadding="spaziatura interna delle celle" summary="descrizione della tabella (SEO)"></table>

Esempi

Andamento delle vendite 1° semestre
  Entrate Uscita TOTALE
Gennaio 36 22 14
Febbraio 18 22 -4
Marzo 23 32 -9
Aprile 45 11 34
Maggio 12 10 2
Giugno 82 45 37
Fonte Istat 2018