Page 30 - Guida tascabile HTML5
P. 30
Figura 2.9 Una semplice tabella organizza i dati in righe e colonne.
Per organizzare contenuti più complessi, con gli attributi colspan e rowspan è
possibile creare celle che uniscono rispettivamente più colonne e più righe, come
in questo esempio:
<table border="1">
<tr>
<td>Lunedì</td>
<td>Martedì - Venerdì</td>
<td>Sabato</td>
<td>Domenica</td>
</tr>
<tr>
<td>15:00</td>
<td>10:00</td>
<td>10:00</td>
<td rowspan="2">CHIUSO</td>
</tr>
<tr>
<td>19:00</td>
<td>19:00</td>
<td>20:00</td>
</tr>
</table>
Potete notare che nella terza riga non viene indicata la quarta cella <td>, poiché
lo spazio è occupato da quella della riga precedente: organizzate con attenzione i
dati quando utilizzate questo attributo.
Figura 2.10 Nell’ultima colonna la cella occupa due righe grazie all’attributo
rowspan.
Per rendere più precisa la descrizione del contenuto potete differenziare le celle
di intestazione utilizzando il tag <th> (table header) sostituendo il tag <td>. Nella
