Una tabella, che si compone di un insieme di celle, serve per incolonnare e tabulare dati, insomma una tabella permette una precisa impaginazione di tutte le informazioni che compongono la pagina web stessa (testi, immagini e così via).

 

Una tabella inizia sempre con il tag TABLE.

 

La sintassi è:

<TABLE>

…………

</TABLE>

 

All'interno del suddetto tag TABLE gli attributi che si possono inserire sono: ALIGN, BACKGROUND, BGCOLOR, HEIGHT e WIDTH.

 

Gli attributi possono essere più di uno.

 

ALIGN consente di specificare l'allineamento della tabella con le seguenti possibilità: center, left e right (centrato, a sinistra, a destra).

 

Delle possibili sintassi sono:

<TABLE ALIGN="center">

<TABLE ALIGN="left">

<TABLE ALIGN="right">

 

BACKGROUND permette di avere un'immagine come sfondo della tabella, una possibile sintassi è:

<TABLE BACKGROUND="immagine.jpg">

 

BGCOLOR permette di specificare il colore di sfondo della tabella.

 

Il colore può essere espresso con il suo nome in lingua inglese o con la solita tripletta di numeri esadecimali.

 

Delle possibili sintassi sono:

<TABLE BGCOLOR="Yellow"> 

<TABLE BGCOLOR="#ffff00">

 

HEIGHT permette di specificare l'altezza della tabella, altezza normalmente espressa in pixel.

 

Una possibile sintassi è:

<TABLE HEIGHT="50"> 

 

WIDTH permette di specificare la larghezza della tabella, larghezza normalmente espressa in pixel.

 

Una possibile sintassi è:

<TABLE WIDTH="350">

 

Oltre al tag TABLE, per gestire le tabelle esistono altri 2 importanti tag, ovvero: TR e TD.

 

TR, che è ovviamente preceduto dal tag TABLE, definisce l'inizio della riga destinata ad ospitare le celle, celle che sono invece definite dal tag TD.

 

La successiva sintassi consente di definire una riga con 1 cella ed al cui interno è presente la scritta questa è 1 riga con 1 cella

<TABLE>

<TR>

<TD>

questa è 1 riga con 1 cella

</TD>

</TR>

</TABLE>

 

La successiva sintassi consente di definire una riga con 2 celle ed al cui interno di ognuna è presente la scritta questa è 1 riga con 2 celle:

<TABLE>

<TR>

<TD>

questa è 1 riga con 2 celle

</TD>

<TD>

questa è 1 riga con 2 celle

</TD>

</TR>

</TABLE>

 

La successiva sintassi consente di definire una riga con 3 celle ed al cui interno di ognuna è presente la scritta questa è 1 riga con 3 celle:

<TABLE>

<TR>

<TD>

questa è 1 riga con 3 celle

</TD>

<TD>

questa è 1 riga con 3 celle

</TD>

<TD>

questa è 1 riga con 3 celle

</TD>

</TR>

</TABLE>

 

TR supporta i seguenti attributi: HEIGHT e WIDTH.

 

HEIGHT permette di specificare l'altezza della riga, altezza normalmente espressa in pixel.

 

Naturalmente la somma delle altezze di tutte le righe che compongono una tabella deve coincidere con l’altezza di tutta la tabella.

 

Una possibile sintassi è:

<TR HEIGHT="50">

 

WIDTH permette di specificare la larghezza della riga, larghezza normalmente espressa in pixel.

 

Naturalmente la larghezza della riga coincide esattamente con la larghezza della tabella.

 

Una possibile sintassi è:

<TR WIDTH="350">

 

TD supporta gli attributi del tag TABLE ovvero: ALIGN, BACKGROUND, BGCOLOR, HEIGHT e WIDTH.

 

ALIGN consente di specificare l'allineamento delle informazioni all’interno della singola cella, con le seguenti possibilità: center, left e right (centrato, a sinistra, a destra).

 

Delle possibili sintassi sono:

<TD ALIGN="center">

<TD ALIGN="left">

<TD ALIGN="right">

 

BACKGROUND permette di avere un'immagine come sfondo della singola cella, una possibile sintassi è:

<TD BACKGROUND="immagine.jpg">

 

BGCOLOR permette di specificare il colore di sfondo della singola cella.

 

Delle possibili sintassi sono:

<TD BGCOLOR="Yellow"> 

<TD BGCOLOR="#ffff00">

 

HEIGHT permette di specificare l'altezza della cella, altezza normalmente espressa in pixel.

 

Naturalmente le altezze di tutte le celle che compongono una riga sono fra loro coincidenti, e tutte assieme coincidono con l’altezza della riga che le contiene.

 

Una possibile sintassi è:

<TD HEIGHT="50">

 

WIDTH permette di specificare la larghezza di una cella, larghezza normalmente espressa in pixel.

 

Naturalmente la somma delle larghezze di tutte le celle che compongono una riga deve coincidere con la larghezza di tutta la riga stessa.

 

Una possibile sintassi è:

<TD WIDTH="350">

 

Si possono realizzare tabelle dentro tabelle.