Lezioni di Informatica
"Una volta che abbiate conosciuto il volo, camminerete sulla terra guardando il cielo" [ L. da Vinci ]
Informazioni sul Sito
N. visitatori  000059264  dal 21/01/2007  |   e-mail: ksoft64camera@gmail.com   
Cerca nel sito
Documenti collegati alla pagina
  Le tabelle
Tabelle

Uso delle tabelle e loro costruzione

Le tabelle sono molto utili per tenere ben allineati i dati prelevati da archivi o i lunghi elenchi.
Venivano utilizzate tantissimo negli anni '90 per l'impaginazione del documento e per la sua suddivisione in zone fino a quando non sono subentrati i fogli di stile (css) e l'utilizzo del tag div.
Per creare tabelle si utilizza il tag table.
Le righe vengono create con il tag tr (table row), le colonne di intestazione con il tag th (table head) e le colenne di dati con il tag td (table data).
Per dare un titolo che appaia in alto nella tabella si usa il tag caption.
Aggiungendo l'attributo border al tag table con un valore maggiore di zero si potrà vedere il bordo che altrimenti sarebbe invisibile.
Aggiungendo l'attributo width al tag table con un valore in percentuale avremo una tabella di larghezza proporzionale alla larghezza del documento.

Esempio:
Se vogliamo la seguente tabella:
ELENCO STUDENTI
Cognome Nome
Giuliani Luigi
Raimondi Anna
scriveremo:
<table border="1" width="60%">
<caption>ELENCO STUDENTI</caption>
<tr>
<th>Cognome</th>
<th>Nome</th>
</tr>
<tr>
<td>Giuliani</td>
<td>Luigi</td>
</tr>
<tr>
<td>Raimondi</td>
<td>Anna</td>
</tr>
</table>

Si può notare la differenza tra il tag td che inserisce i dati in un formato normale e con allineamento a sinistra, mentre il tag th mette automaticamente il grassetto e centra il testo nella colonna.