Appunti di HTML 3.2

Tabelle

Le tabelle, croce e delizia di tutti gli htmleisti sono uno strumento molto potente che oltre ad assolvere lo scopo per cui sono state create, possono essere usate anche per conferire al documento formattazioni particolari dato che ogni cella puó contenere ogni tipo di dato (testo, liste, immagini, ...).

Vediamo ora il modello logico di una tabella:

    	<Tag apertura tabella (<TABLE>)>

    		<Tag apertura titolo tabella (<CAPTION>)>
			Titolo della tabella
		<Tag chiusura titolo tabella (</CAPTION>)>

		<Tag apertura riga (<TR>)>

			<Tag apertura intestazione cella ennesima (<TH>)>

				Intestazione cella

			<Tag chiusura intestazione cella ennesima (</TD>)>

		<Tag chiusura riga (</TR>)>

		<Tag apertura riga (<TR>)>

			<Tag apertura cella ennesima (<TD>)>

				Dati contenuti nella cella

			<Tag chiusura cella ennesima (</TD>)>

		<Tag chiusura riga (</TR>)>


	<Tag apertura tabella (</TABLE>)>

Vediamo ora i parametri dei vari tag:

La tabella avrá bordi invisibili specificando il solo tag ; i bordi verranno visualizzati indicando .
La larghezza della tabella puó essere specificata con il parametro width="xx" dove "xx" puó essere un valore percentuale della larghezza del browser, oppure indicare il numero di pixels.

Per il tag di cella sono gestiti i seguenti parametri:

bgcolor per il colore di fondo della cella (per la sintassi riferirsi a quanto detto per il tag <body>)
width per la larghezza della cella (per la sintassi vale quanto detto per lo stesso parametro del tag <table>)
align per l'allineamento del contenuto della cella (per la sintassi riferirsi al tag di paramentro <p> o di intestazione <h>)
valign per l'allineamento verticale, sono supportati i parametri:
- top in alto
- middle in centro
- bottom in basso

E' inoltre possibile unire piú celle in senso verticale o orizzontale mediante i parametri del tag di intestazione <th> e di cella <td> colspan=n per l'unione di piú colonne e rowspan=n dove n rappresenta il numero di celle da unire.

Ecco un esempio di tabella relativamente semplice:

Tabella di prova
	Dimensione		Migliore punteggio
	altezza	peso	Migliore punteggio
Andrea	1,70	80	983
Sara	1,65	65	901

Questo esempio, ci consente di parlare del tag <center> e del suo corrispettivo tag di chiusura </center> utile per centrare nella pagina quanto compreso al loro interno.

Torna all'indice