Quelle est la structure d'un tableau en HTML?

La structure d'un tableau en HTML est définie par plusieurs éléments:

• <table> : Conteneur du tableau.
• <caption> : Titre facultatif du tableau.
• <colgroup> et <col> : Éléments facultatifs pour grouper des colonnes et appliquer des styles.
• <thead> : Section des en-têtes de colonnes.
• <tbody> : Section du contenu principal du tableau.
• <tfoot> : Section du pied de page du tableau.
• <tr> : Ligne du tableau.
• <th> : Cellule d'en-tête dans une ligne.
• <td> : Cellule de données dans une ligne.

Les éléments <thead>, <tbody> et <tfoot> aident à grouper les lignes par sens et peuvent être utilisés par les navigateurs pour optimiser l'affichage de grands tableaux. À l'intérieur de ces sections, on trouve des éléments <tr>. À l'intérieur de <tr>, il y a <th> (dans <thead>, parfois dans <tbody> ou <tfoot>) ou <td> (dans <tbody> et <tfoot>, parfois dans <thead>).

Exemple de structure de base:

<table>
  <caption>
    Liste de produits
  </caption>
  <thead>
    <tr>
      <th>Nom</th>
      <th>Prix</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Produit 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Produit 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Total : 250</td>
    </tr>
  </tfoot>
</table>