Mesi di attività | Fatturato da attività 1 (in euro) | Fatturato da attività 2 (in euro) |
---|---|---|
Totale | 30.000 | 3.000 |
gen | 10.000 | 1.000 |
feb | 20.000 | 2.000 |
Il cui codice corrispondente è:
<table width="75%" border="1">
<colgroup bgcolor="#00FFCC" width="20%"
align="right"></colgroup>
<colgroup span="2" bgcolor="#33CCFF"
width="40%" align="center">
<caption>
<div
align="center"><b>Fatturato dell'azienda XYZ</b></div>
</caption>
<thead>
<tr>
<th>Mesi
di attività</th>
<th>Fatturato
da attività 1 (in euro)</th>
<th>Fatturato
da attività 2 (in euro)</th>
</tr>
</thead>
<tfoot>
<tr>
<td><b>Totale</b></td>
<td>30.000</td>
<td>3.000</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>gen</td>
<td>10.000</td>
<td>1.000</td>
</tr>
<tr>
<td>feb</td>
<td>20.000</td>
<td>2.000</td>
</tr>
</tbody>
</table>
L'esempio senza <colgroup> avrebbe rischiesto un maggior
dispendio di codice,
anche se allo stato attuale ha l'indubbio vantaggio di essere supportato da
un numero maggiore di browser:
Mesi di attività | Fatturato da attività 1 (in euro) | Fatturato da attività 2 (in euro) |
---|---|---|
Totale | 30.000 | 3.000 |
gen | 10.000 | 1.000 |
feb | 20.000 | 2.000 |
Il cui codice corrispondente è:
<table width="75%" border="1">
<caption>
<div align="center"><b>Fatturato
dell'azienda XYZ</b></div>
</caption>
<thead>
<tr>
<th
width="20%" bgcolor="#00FFCC">Mesi di attività</th>
<th
width="40%" bgcolor="#33CCFF">Fatturato da attività
1 (in euro)</th>
<th
width="40%" bgcolor="#33CCFF">Fatturato da attività
2 (in euro)</th>
</tr>
</thead>
<tfoot>
<tr>
<td
bgcolor="#00FFCC" align="right"><b>Totale</b></td>
<td
bgcolor="#33CCFF" align="center">30.000</td>
<td
bgcolor="#33CCFF" align="center">3.000</td>
</tr>
</tfoot>
<tbody>
<tr>
<td
bgcolor="#00FFCC" align="right">gen</td>
<td
bgcolor="#33CCFF" align="center">10.000</td>
<td
bgcolor="#33CCFF" align="center">1.000</td>
</tr>
<tr>
<td
bgcolor="#00FFCC" align="right">feb</td>
<td
bgcolor="#33CCFF" align="center">20.000</td>
<td
bgcolor="#33CCFF" align="center">2.000</td>
</tr>
</tbody>
</table>