Image not found

Tabelle

Per gestire le tabelle si usano principalmente i tag:

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

Ecco un esempio

Riga di testata
Cella 1Cella 2Cella 3
Cella 4Cella 5
Cella 6Cella 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.

Esempio 1 tabelle      Esempio 1 tabelle su JSFiddle

Esempio 2 tabelle      Esempio 2 tabelle su JSFiddle

Torna all'indice