LE TABELLE

All'interno di un documento HTML e' possibile inserire dei dati di qualunque tipo (numeri, nomi, percentuali) all'interno di tabelle. Il tag che identifica l'inizio di una tabella e' <table>, accompagnato sempre al tag </table> che indica invece la fine della suddetta tabella.
Il tag table prevede una opsione BORDER che ci consente di definire la grandezza del bordo che deve essere associato alla tabella. Tale grandezza va rappresentata con un numero postivo intero: ponendo <table border =0> si intende una tabella priva di bordo

All'interno della tabella stessa saranno presenti altri tag che mi permetteranno di inserire i dati nei vari campi della tabella stessa.

Questi sono:

<TR></TR> che identificano inizio e fine di ogni riga della tabella

<TH></TH> che identificano l'intestazione della tabella. Viene associato questo tag ad ogni termine utilizzato per identificare un insieme di dati (riga o colonna) inseriti nella tabella

<TD></TD> che identificano ogni dato singolo che e' stato inserito della tabella.

Applicando le semplici regole ora introdotte e' possibile realizzare una tabella come quella sottostante

Essa è stata realizzata utilizzando le seguenti istruzioni:

<table border=2>
<tr>
<th>Studenti</th><th>maschi</th><th>femmine</th>
<tr>
<th>Italiani<th><td>120</td><td>65</td>
<tr>
<th>Stranieri<th><td>17</td><td>13</td>
<tr>
<th>Totale<th><td>137</td><td>78</td>
</table>

Vediamo quali sono gli attributi dell'elemento TABLE:

ALIGN

Specifica la posizione della tabella relativamente ai margini della finestra; i possibili valori sono LEFT (default), RIGHT e CENTER.

WIDTH

Specifica la grandezza della tabella in pixel o in percentuale (rispetto alla grandezza della finestra).

BORDER

Indica lo spessore del bordo della tabella; per non avere bordo si scriverà BORDER=0.

CELLSPACING

Specifica, in pixel, lo spazio tra le celle.

CELLPADDING

Specifica, in pixel, lo spazio tra il contenuto di una cella ed il suo bordo.

Analizziamo adesso quali sono gli attributi dell'elemento TR:

ALIGN

Posiziona, orizzontalmente, il contenuto all'interno di una cella; i possibili valori sono LEFT, CENTER e RIGHT.

VALIGN

Posiziona, verticalmente, il contenuto all'interno di una cella; i possibili valori sono TOP, MIDDLE e BOTTOM.

Questi due attributi definiscono il modo di visualizzazione del contenuto di ciascuna cella della riga.
Infine, esaminiamo gli attributi degli elementi TH e TD:

NOWRAP

La presenza di quest'attributo impedisce al testo di suddividersi su due righe.

ROWSPAN

Dispone la cella su più righe.

COLSPAN

Dispone la cella su più colonne.

ALIGN

Posiziona, orizzontalmente, il contenuto all'interno di una cella; i possibili valori sono LEFT, CENTER e RIGHT.

VALIGN

Posiziona, verticalmente, il contenuto all'interno di una cella; i possibili valori sono TOP, MIDDLE e BOTTOM.

WIDTH

Specifica, in pixel, le dimensioni della cella in larghezza.

HEIGHT

Specifica, in pixel, le dimensioni della cella in altezza.

Per mostrare l'uso dei principali attributi descritti, possiamo creare le seguenti tabelle: