Nei siti web le tabelle vengono utilizzate per due motivi:
disporre dati all’interno di una tabella e creare i layout dei siti.
Il secondo utilizzo, meno ovvio del primo, è forse il più diffuso: soltanto negli ultimi tempi infatti, anche seguendo le specifiche del World Wide Web Consortium è stata data particolare importanza alla divisione fra contenuti e struttura spingendo verso l’uso dei css e dei layout basati su questi ultimi.
La tabella si estende fra i tag TABLE (tag di apertura e di chiusura obbligatoria) all’interno dei quali si trovano le righe e le colonne.
Subito dopo l’apertura della tabella si procede con l’apertura di una riga mediante il tag TR acronimo di Table Row (tag di apertura e di chiusura obbligatorio), all’interno della riga, cioè fra il tag di apertura e quello di chiusura, possiamo creare quante celle vogliamo utilizzando i tag TD che significa Table Data (tag di apertura e chiusura obbligatorio).
Come già detto la DTD rigorosa esclude tutti gli attributi che definiscono la presentazione per i quali è necessario utilizzare i CSS, è possibile comunque, nel caso la DTD usata sia quella transitoria, ricorrere ad attributi che specificano alcune caratteristiche di presentazione:
ALIGN = specifica l’allineamento della tabella (left, center, right)
WIDTH = larghezza della tabella (in valori assoluti espressi in pixel o in percentuale)
BORDER = bordo della tabella (se non è specificato il browser considera il valore pari a 0, se l’attributo è specificato ma non è indicato il valore questo si considera pari a 1)
CELLSPACING = distanza fra le celle espressa in pixel (spazio esistente fra i bordi di due celle adiacenti)
CELLPADING = distanza fra contenuto della cella e i suoi bordi interni
BGCOLOR = colore di sfondo della tabella (indicazione esadecimale del colore o nome di uno dei sedici colori di base).
Il tag TR supporta i seguenti attributi:
ALIGN = accetta gli stessi valori dello stesso attributo usato per TABLE
VALIGN = definisce l’allineamento verticale di tutte le celle appartenenti a quella riga (top, middle, bottom)
BGCOLOR = accetta gli stessi valori dello stesso attributo usato per TABLE.
Il tag TD supporta gli stessi attributi del tag TR con la differenza che hanno effetto sulla singola cella.
Particolare importanza hanno poi gli attributi ROWSPAN e COLSPAN perché rendono le tabelle ancora più flessibili.
L’attributo ROWSPAN ci permette di ottenere celle che si estendono su più righe (in pratica alcune celle disposte su righe diverse vengono accorpate in un’unica cella), mentre con l’attributo COLSPAN si ottengono celle che si estendono su più colonne.
