Les listes

Listes ordonnées, non ordonnées et définitions.

Imagine : tu es sur ton chantier avec ton carnet. Tu dois noter les étapes à suivre, les matériaux à acheter ou la légende du plan.

En HTML, les listes jouent exactement ce rôle : elles organisent les infos pour que tout soit clair et facile à lire.

Une liste ordonnée s’affiche avec des numéros (1, 2, 3…). Parfaite pour écrire des étapes à suivre, comme un mode d’emploi.

<ol>
  <li>Creuser les fondations</li>
  <li>Monter les murs</li>
  <li>Poser le toit</li>
</ol>

Une liste non ordonnée affiche des puces sans ordre précis. Idéale pour écrire ta liste de matériaux ou de courses.

<ul>
  <li>Briques</li>
  <li>Ciment</li>
  <li>Bois</li>
</ul>

Chaque point de la liste est un <li>. C’est comme chaque ligne de ta checklist de chantier.

<ul>
  <li>Casque de sécurité</li>
  <li>Gants de travail</li>
</ul>

Utile pour créer un lexique ou une légende.

<dl>
  <dt>Salon</dt>
  <dd>La grande pièce à vivre</dd>

  <dt>Cuisine</dt>
  <dd>L’espace pour préparer à manger</dd>
</dl>

Astuce

Tu peux imbriquer des listes dans des listes ! Par exemple, une liste à puces à l'intérieur d'une étape numérotée.

Verifie tes acquis