Chapitre 18 | Listes ordonnées et non ordonnées

Les listes permettent d’organiser des informations de manière structurée. En HTML, elles sont très simples à utiliser et peuvent être stylisées avec du CSS pour les rendre plus attrayantes.

• Une liste non ordonnée (<ul>) affiche des éléments avec des puces.
• Une liste ordonnée (<ol>) affiche des éléments numérotés automatiquement.

Voici un exemple minimaliste à tester directement sur CodePen pour bien comprendre leur fonctionnement.

<!-- HTML : Exemple de listes -->
<!-- Liste non ordonnée -->
<ul>
  <li>Apprendre HTML</li>
  <li>Apprendre CSS</li>
  <li>Créer un site web</li>
</ul>

<!-- Liste ordonnée -->
<ol>
  <li>Introduction</li>
  <li>Développement</li>
  <li>Conclusion</li>
</ol>

Ce que vous verrez

1. Une liste non ordonnée avec des puces carrées.
2. Une liste ordonnée avec une numérotation classique.