Tabelle

Per gestire le tabelle si usano principalmente i tag:

• <table> (delimita una tabella)
• <tr> (delimita una riga)
• <th> (delimita una cella di testata)
• <td> (delimita una cella)

Esempio d'uso

<table>
	<tr>
		<th>Mese</th>
		<th>Giorni</th>
	</tr>
	<tr>
		<td>Gennaio</td>
		<td>31;/td>
	</tr>
	<tr>
		<td>Febbraio</td>
		<td>28;/td>
	</tr>
</table>

Le celle di una tabella possono essere raggruppate tramite le proprietà rowspan e colspan

• rowspan indica quante righe occupa una cella
• colspan indica quante colonne occupa una cella

Ecco un esempio

Riga di testata
Cella 1	Cella 2	Cella 3
	Cella 4	Cella 5
Cella 6	Cella 7

Esempio d'uso

<table border="1">
	<thead>
		<tr><th colspan="3">Riga di testata</th></tr>
	</thead>
	<tbody>
		<tr><td rowspan="2">Cella 1</td><td>Cella 2</td><td>Cella 3</td></tr>
		<tr><td>Cella 4</td><td>Cella 5</td></tr>
		<tr><td>Cella 6</td><td colspan="2">Cella 7</td></tr>
	</tbody>
</table>

Per semplicità nella definizione della tabella ho usato la proprietà border (obsoleta) ma oggi per personalizzare il layout di una tabella si usano i fogli di stile.

Ecco i link ad una prima pagina di esempio sulle tabelle

Esempio 1 tabelle      Esempio 1 tabelle su JSFiddle

Ecco i link ad una seconda pagina di esempio sulle tabelle

Esempio 2 tabelle      Esempio 2 tabelle su JSFiddle

Torna all'indice