Le tabelle
[ < prec ] indice dell'argomento [ succ > ]

Una delle maggiori innovazioni avvenute nella definizione del linguaggio HTML è stata l'introduzione delle tabelle, ovvero di apposite istruzioni (tags) che consentono la formattazione delle informazioni secondo i gusti estetici del programmatore o secondo precisi criteri di leggibilità. Con le tabelle è possibile visualizzare calendari, posizionare immagini in aree dello schermo altrimenti irraggiungibili, migliorare l'aspetto di tutto il sito o creare dei listini prezzi. Qualsiasi esigenza estetica e di formattazione in genere possiate avere, le tabelle vi aiuteranno a risolverla.

Come di consueto, iniziamo con il presentare il tag d'inizio e di fine tabella: <TABLE>...</TABLE>.

Prima d'inoltrarci nella descrizione dei singoli argomenti disponibili, è opportuno chiarire con un esempio grafico a quali elementi ci si riferirà nel corso del testo.

I tre elementi evidenziati trovano posto come argomenti del primo tag <TABLE>, assumendo la forma:

<TABLE BORDER=x CELLPADDING=x CELLSPACING=x>

dove al posto della x troverà posto un numero indicante la dimensione in pixel (=punti dello schermo) di quello specifico attributo. Un valore pari a 0 (zero) in uno qualsiasi degli argomenti, equivale ad eliminare completamente quell'attributo.
Ricordiamo infine che nessuno dei precedenti argomenti risulta essere obbligatorio, pertanto sono tutti da considerare facoltativi.
Ecco di seguito alcuni esempi.

<TABLE BORDER=5 CELLPADDING=5 CELLSPACING=5> Ecco una tabella completa con tutti gli attributi. Utilizzatela come riferimento per gli esempi successivi. Prova A1 Prova B1 Prova A2 Prova B2 <TABLE BORDER=5 CELLPADDING=5 CELLSPACING=0> Notare l'assenza di spazio fra le caselle, che risultano praticamente unite. Prova A1 Prova B1 Prova A2 Prova B2 <TABLE BORDER=5 CELLPADDING=0 CELLSPACING=5> Notare l'assenza di spazio fra le scritte all'interno delle caselle e il bordo delle stesse. Prova A1 Prova B1 Prova A2 Prova B2 <TABLE BORDER=5 CELLPADDING=0 CELLSPACING=0> Notare la presenza del solo bordo esterno. Prova A1 Prova B1 Prova A2 Prova B2 <TABLE BORDER=0 CELLPADDING=5 CELLSPACING=5> Notare l'assenza di bordo e la distanza fra le scritte. Prova A1 Prova B1 Prova A2 Prova B2 <TABLE BORDER=0 CELLPADDING=5 CELLSPACING=0> Notare l'assenza di bordo e la distanza fra le scritte. Prova A1 Prova B1 Prova A2 Prova B2 <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=5> Notare l'assenza di bordo e la distanza fra le scritte. Prova A1 Prova B1 Prova A2 Prova B2 <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0> Notare l'assenza di bordo e la distanza fra le scritte. Prova A1 Prova B1 Prova A2 Prova B2

[ < prec ] indice dell'argomento [ succ > ]