La différence entre une liste non ordonnée et une liste ordonnée tient dans la façon dont le navigateur va faire l'affichage des lignes de la liste : dans une liste ordonnée, les lignes seront automatiquement précédée d'un numéro.

Une liste ordonnée se fait avec 2 élements HTML :

• l'élément ol marque les limites de la liste,
• l'élément li définit une ligne à l'intérieur de la liste.

L'imbrication des li à l'intérieur d'un élément ol est obligatoire.

Par défaut le navigateur représente les listes ordonnées de la façon suivante :

• il y a une marge avant et une marge après le contenu de la liste. Cette marge est égale à la hauteur d'une ligne de texte.
• les lignes de la liste sont mises en retrait par une marge à l'intérieur gauche de la liste,
• les lignes sont précédées d'un compteur automatique,
• les lignes sont affichées les unes en dessous des autres, sans marge pour les séparer.

Comme d'habitude des règles de style CSS peuvent modifier cet affichage par défaut. Voir dans le tutoriel CSS la partie consacrée aux listes.

L'attribut type permet de définir comment sera fait le compteur et l'attribut start sa valeur de départ.
La valeur de type

• 1 indique un compteur décimal (1, 2, 3, 4, ...) - valeur par défaut
• a indique un compteur alphabétique en minuscules (a, b, c, d, ...)
• A indique un compteur alphabétique en majuscules (A, B, C, D, ...)
• i indique un compteur en nombres romains en minuscules (i, ii, iii, iv, ...)
• I indique un compteur en nombres romains en majuscules (I, II, III, IV, ...)

Réalisez la liste ordonnée permettant d'obtenir la page ci-dessous.

Code à compléter

Une solution possible