<ol>

Description

L’élément <ol> représente une liste ordonnée — l’ordre des items a une signification (étapes d’une procédure, classement, instructions). La numérotation est gérée automatiquement par le navigateur. Les attributs start et reversed permettent de contrôler la numérotation.

Syntaxe

<ol>
  <li>Première étape</li>
  <li>Deuxième étape</li>
  <li>Troisième étape</li>
</ol>

Exemples

Procédure pas-à-pas :

<ol>
  <li>Cloner le dépôt : <code>git clone …</code></li>
  <li>Installer les dépendances : <code>npm install</code></li>
  <li>Lancer le serveur de développement : <code>npm run dev</code></li>
</ol>

Liste en ordre décroissant (top 3) :

<ol reversed>
  <li>Bronze — 120 points</li>
  <li>Argent — 145 points</li>
  <li>Or — 178 points</li>
</ol>

Numérotation démarrant à 5 :

<p>Suite de la liste :</p>
<ol start="5">
  <li>Cinquième item</li>
  <li>Sixième item</li>
</ol>

Attributs spécifiques

Attribut	Type	Description
reversed	boolean	Inverse l’ordre de numérotation (de n à 1).
start	integer	Valeur de départ du compteur (défaut : 1).
type	enum	Style de numérotation : 1 (chiffres), a (lettres minuscules), A (majuscules), i (romain minuscule), I (romain majuscule). Préférer CSS list-style-type.