DébutantNon commencé

Exercice 2.5 · 6 min · 0 tentative

Des en-têtes pour ton tableau

🎯 Objectif

Ajouter une ligne d'en-têtes à un tableau pour nommer ses colonnes.

📖 Exemple

La bibliothèque du village présente ses nouveautés — regarde la première ligne :

<table>
  <tr>
    <th>Livre</th>
    <th>Auteur</th>
  </tr>
  <tr>
    <td>Le Petit Prince</td>
    <td>Saint-Exupéry</td>
  </tr>
</table>

Pourquoi <th> ? Table header : la cellule d'en-tête s'affiche en gras et centrée — compare avec les <td> en dessous. Et ce n'est pas que du visuel : grâce aux <th>, un lecteur d'écran annonce « Auteur : Saint-Exupéry » au lieu d'un mot sans contexte. La ligne d'en-têtes est un <tr> comme les autres, placé en premier.

📝 Consigne

Le tableau des tarifs du café de la gare est déjà là, mais ses colonnes n'ont pas de nom :

  1. Ajoute une première ligne <tr> tout en haut du tableau
  2. Avec deux cellules d'en-tête : Boisson puis Prix
  3. Les données existantes restent des <td> — n'y touche pas

Résultat attendu

« Boisson » et « Prix » en gras et centrés, au-dessus des données.

Ce qui est vérifié

  • Créer deux cellules d'en-tête <th>
  • Nommer la première colonne « Boisson »
  • Nommer la seconde colonne « Prix »
  • Placer la ligne d'en-têtes tout en haut
  • Garder quatre lignes au total (en-têtes + 3 boissons)
  • Laisser les données en <td>
  • Respecter la structure de la page (doctype, head, body)
  • Fermer toutes les balises ouvertes

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé