cybercursus

Les tableaux

10 min · Intermédiaire · 7 août 2026

Sommaire
  1. La structure d’un tableau
  2. À toi de jouer

La structure d’un tableau

html
<table>
<tr>
  <th>Produit</th>
  <th>Prix</th>
</tr>
<tr>
  <td>Clavier</td>
  <td>79,90 €</td>
</tr>
<tr>
  <td>Souris</td>
  <td>29,90 €</td>
</tr>
</table>

table délimite l’ensemble, chaque tr (table row) est une ligne, et chaque cellule d’une ligne est soit th (en-tête) soit td (donnée).

Danger

Un tableau décrit des données en grille, jamais la mise en page générale d’une page (menu, colonnes, pied de page). Cet usage détourné, courant avant l’arrivée de CSS moderne (voir le cours CSS), perturbe aujourd’hui les lecteurs d’écran et n’a plus aucune raison d’être.

À toi de jouer

Construis un tableau avec une ligne d’en-tête (th) et au moins deux lignes de données (td).

html
<!-- HTML -->
<!-- Ecris ton tableau ici -->
Quelle est la différence entre th et td dans un tableau ?
Pourquoi un tableau HTML ne devrait-il pas servir à mettre en page l'ensemble d'un site (menu, colonnes, pied de page) ?

Pour aller plus loin

Commentaires

Recherche