Fatturato dell'azienda XYZ
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&agrave;</th>
                <th>Fatturato da attivit&agrave; 1 (in euro)</th>
                <th>Fatturato da attivit&agrave; 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:

Fatturato dell'azienda XYZ
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&agrave;</th>
                <th width="40%" bgcolor="#33CCFF">Fatturato da attivit&agrave; 1 (in euro)</th>
                <th width="40%" bgcolor="#33CCFF">Fatturato da attivit&agrave; 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>