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