Les tableaux HTML comportent deux types de cellules de tableau :
Les cellules d'en-tête sont définies avec les balises <th> et </th>. Dans un tableau simple, les entêtes comprennent la première ligne. Par exemple, si votre tableau contient trois colonnes de données, et trois lignes, le HTML du tableau ressemble à ce qui suit:
<table> <tr> <!-- Row 1 --> <th> Header 1 </th> <th> Header 2 </th> <th> Header 3</th> </tr> <tr> ... </tr><!-- Row 2 --> <tr> ... </tr> <!-- Row 3 --> </table>
Les cellules de données sont définies par les balises <td> et </td>. Ces cellules constituent en général la majorité du tableau. Ajoutons les cellules de données à notre tableau basique :
<table>
<tr> <!-- Row 1 -->
<th> Header 1 </th>
<th> Header 2 </th>
<th> Header 3</th>
</tr>
<tr><!-- Row 2 -->
<td> Data 1 </td>
<td> Data 2 </td>
<td> Data 3 </td>
</tr>
<tr><!-- Row 3 -->
<td> Data 1 </td>
<td> Data 2 </td>
<td> Data 3 </td>
</tr>
</table>
C'est ainsi que ce tableau s'affiche dans un navigateur:
Généralement, dans les gabarits par défaut, les cellules d'en-tête contiennent les noms de champs, et les cellules de données contiennent des variables PowerMill.