cybercursus

Les listes

10 min · Débutant · 7 août 2026

Sommaire
  1. Liste non ordonnée : l’ordre n’a pas d’importance
  2. Liste ordonnée : l’ordre compte
  3. Imbriquer une liste
  4. À toi de jouer

Liste non ordonnée : l’ordre n’a pas d’importance

html
<ul>
<li>Pommes</li>
<li>Bananes</li>
<li>Cerises</li>
</ul>

Liste ordonnée : l’ordre compte

html
<ol>
<li>Préchauffer le four</li>
<li>Mélanger les ingrédients</li>
<li>Enfourner 20 minutes</li>
</ol>

Astuce

Le navigateur numérote automatiquement une ol (1, 2, 3…) : jamais besoin d’écrire les numéros soi-même dans le texte de chaque li.

Imbriquer une liste

Une liste peut contenir une autre liste, directement à l’intérieur d’un li :

html
<ul>
<li>Fruits
  <ul>
    <li>Pommes</li>
    <li>Bananes</li>
  </ul>
</li>
<li>Légumes</li>
</ul>

À toi de jouer

Écris une liste non ordonnée (ul) d’au moins 3 éléments, sur le sujet de ton choix.

html
<!-- HTML -->
<!-- Ecris ta liste ul ici -->
Quand choisir ol plutôt que ul pour une liste ?
Chaque élément d'une liste ul ou ol doit être placé dans quelle balise ?

Pour aller plus loin

Commentaires

Recherche