Historique des conversations
Chargement...
Les tableaux en HTML — Correction d'exercices
Voici des propositions de solutions en mode console (via readline()). N’hésite pas à les adapter.
#1 — Tableau simple
Crée un tableau 2x2. Une ligne d'en-tête (Nom, Âge) et une ligne de données (Alice, 25).
Voir le corrigé
<table>
<tr>
<th>Nom</th>
<th>Âge</th>
</tr>
<tr>
<td>Alice</td>
<td>25</td>
</tr>
</table>#2 — Fusion de colonnes
Fusionne deux cellules horizontalement avec colspan.
Voir le corrigé
<table>
<tr>
<td colspan="2">Titre fusionné</td>
</tr>
<tr>
<td>A</td>
<td>B</td>
</tr>
</table>#3 — Fusion de lignes
Fusionne deux cellules verticalement avec rowspan.
Voir le corrigé
<table>
<tr>
<td rowspan="2">Fusion verticale</td>
<td>Ligne 1</td>
</tr>
<tr>
<td>Ligne 2</td>
</tr>
</table>#4 — Caption
Ajoute une légende (caption) à ton tableau : 'Liste des inscrits'.
Voir le corrigé
<table>
<caption>Liste des inscrits</caption>
<tr>
<td>Alice</td>
</tr>
</table>#5 — Structure sémantique
Utilise thead, tbody et tfoot pour structurer un tableau.
Voir le corrigé
<table>
<thead>
<tr><th>Produit</th><th>Prix</th></tr>
</thead>
<tbody>
<tr><td>Pomme</td><td>1€</td></tr>
</tbody>
<tfoot>
<tr><td>Total</td><td>1€</td></tr>
</tfoot>
</table>