Ajouter des légendes
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 49 sur 60.
Dans les tableaux HTML, une légende est un titre ou une explication pour le tableau. Elle fournit une brève description du contenu du tableau, ce qui permet aux utilisateurs de mieux en comprendre l'objectif. Les légendes sont créées à l'aide de la balise <caption>, qui doit être placée immédiatement après la balise <table>.
Voici la syntaxe de base pour ajouter une légende à un tableau en HTML :
<table>
<caption>Table Caption</caption>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
</table>
Défi
FacileCréez un document HTML qui inclut un tableau avec une légende. Le tableau doit avoir la structure suivante :
- Une balise
<table>pour définir le tableau. - Une balise
<caption>avec le texte "Product Inventory" pour décrire le tableau. - Une ligne de tableau (
<tr>) pour l'en-tête avec deux cellules d'en-tête (<th>). Les cellules d'en-tête doivent indiquer "Product Name" et "Quantity". - Une ligne de tableau (
<tr>) avec deux cellules de données (<td>). Les cellules doivent indiquer "Laptop" et "5". - Une autre ligne de tableau (
<tr>) avec deux cellules de données (<td>). Les cellules doivent indiquer "Mouse" et "10".
Aide-mémoire
La balise <caption> fournit un titre ou une explication pour un tableau HTML. Elle doit être placée immédiatement après la balise <table>.
<table>
<caption>Table Caption</caption>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
</table>Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Écrivez le code ici -->
</body>
</html>
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fundamentals
1Les bases du HTML
Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML7Page de profil personnel
Présentation du projetSection d'en-tête
Photo de profilSection À propos de moiLiens sociaux10Tableaux
Bases des tableauxAjouter des légendesFusionner des lignes et des colonnesRécapitulatif - Tableaux2Texte et mise en forme
TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme8Formulaires et champs de saisie, partie 1
Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base11Page d'inscription à un événement
Aperçu du projetSection d'en-têteSection des détails de l'événementFormulaire d'inscriptionSection de pied de page3Travailler avec les listes
Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes6Mise en page
DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en page