HTML/XHTML - Tabelle

Requisiti

Prima di procedere potrebbe essere utile la lettura di:

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).

0 commenti:

Posta un commento

Lettori fissi

 
DISCLAIMER: Questo blog non costituisce una testata giornalistica. Non ha carattere periodico ed è aggiornato secondo la disponibilità e la reperibilità dei materiali. Pertanto non può essere considerato in alcun modo un prodotto editoriale ai sensi della Legge. n. 62 del 2001.
COPYRIGHT: Tutti i diritti sui testi/contenuti presenti su questo blog sono di proprietà dell'autore. Per utilizzare il materiale contattarmi all'indirizzo: nevit76@gmail.com