Exercice 2.4 · 7 min · 0 tentative
Ton premier tableau
🎯 Objectif
Présenter des données en lignes et colonnes avec un tableau HTML.
📖 Exemple
Le ciné-club affiche ses prochaines séances — le code, et ce que le navigateur en fait :
<table>
<tr>
<td>Vendredi</td>
<td>Le voyage dans la Lune</td>
</tr>
<tr>
<td>Samedi</td>
<td>Les temps modernes</td>
</tr>
</table>
Pourquoi trois balises ? <table> crée le tableau, chaque <tr> (table row) est une ligne, chaque <td> (table data) une cellule. Le tableau s'écrit ligne par ligne, exactement comme il se lit. Sans CSS, pas de bordures visibles — c'est normal, les données s'alignent quand même en colonnes.
⚠️ Rappel de l'intro : un tableau sert à présenter des données (horaires, tarifs, résultats) — jamais à faire de la mise en page !
📝 Consigne
Construis le tableau des horaires de la piscine — 3 lignes de 2 cellules, avec ces contenus dans cet ordre :
| Lundi | 9h - 18h |
| Mercredi | 9h - 21h |
| Samedi | 10h - 17h |
Résultat attendu
Les jours et les horaires alignés en deux colonnes — sans bordures, c'est normal.
Ce qui est vérifié
- Créer un tableau avec la balise <table>
- Construire trois lignes <tr>
- Remplir six cellules <td> (2 par ligne)
- Ouvrir le tableau par la ligne du lundi
- Afficher l'horaire du lundi
- Terminer par la ligne du samedi
- Respecter la structure de la page (doctype, head, body)
- Fermer toutes les balises ouvertes