HTML/XHTML - Tabelle

Requisiti

Prima di procedere potrebbe essere utile la lettura di:

• HTML/XHTML - Elementi a livello di blocco

Intro

Per descrivere tabelle in HTML/XHTML si utilizza l'elemento a livello di blocco table che definisce una tabella per dati organizzati in righe e colonne.

Possiamo aggiungere "informazione" alla tabella utilizzando gli elementi, non obbligatori, caption, thead, tbody, tfoot che possono stare solo all'interno dell'elemento table.

L'elemento table dovrà invece obbligatoriamente contenere righe (elemento tr) le quali a loro volta conterranno colonne (elemento td) o intestazioni di colonna (elemento th).

Una tabella, quindi, potrebbe essere strutturata nel modo seguente:

<table>
   <caption>titolo/didascalia per la tabella</caption>
   <thead>
      <tr>
          <th>Intestazione 1</th><th>Intestazione 2</th>
      </tr>
   </thead>
   <tbody>
      <tr>
          <td>valore 1</td><td>valore 2</td>
      </tr>
   </tbody>
</table>

oppure, tralasciando gli elementi opzionali, in questa forma più semplice:

<table>
   <tr>
       <th>Intestazione 1</th><th>Intestazione 2</th>
   </tr>
   <tr>
       <td>valore 1</td><td>valore 2</td>
   </tr>
</table>

Segue una descrizione degli elementi che possiamo utilizzare nella definizione della tabella.

TABLE [summary=Text] [width=Length] [border=Pixels] [cellspacing=Length] [cellpadding=Length]

CAPTION

THEAD

TBODY

TFOOT

TR

TH

TD

Qualche nota ...

Anche se ormai scontato è bene ripeterlo: le tabelle non devono essere usate per dare un layout alla pagina (questo è sempre compito dello strato presentazione/CSS).