HTML Listes Ordonnées

La balise HTML <ol> définit une liste ordonnée, qui peut être numérique ou alphabétique.

Liste HTML Ordonnée

Une liste ordonnée commence par la balise <ol> . Chaque élément de la liste débute par la balise <li> .

Par défaut, les éléments de la liste seront marqués par des numéros :

Exemple

<ol>
<li>Café</li>
<li>Thé</li>
<li>Lait</li>
</ol>
Essayez-le vous-même »

Liste HTML Ordonnée - L'attribut Type

L'attribut type de la balise <ol> définit le type de marqueur pour les éléments de la liste :

Type Description
type="1" Les éléments de la liste seront numérotés avec des chiffres (par défaut)
type="A" Les éléments de la liste seront numérotés avec des lettres majuscules
type="a" Les éléments de la liste seront numérotés avec des lettres minuscules
type="I" Les éléments de la liste seront numérotés avec des chiffres romains majuscules
type="i" Les éléments de la liste seront numérotés avec des chiffres romains minuscules

Nombres

Nombres :

<ol type="1">
<li>Café</li>
<li>Thé</li>
<li>Lait</li>
</ol>
Essayez-le vous-même »

Lettres Majuscules

Lettres Majuscules :

<ol type="A">
<li>Café</li>
<li>Thé</li>
<li>Lait</li>
</ol>
Essayez-le vous-même »

Lettres Minuscules

Lettres Minuscules :

<ol type="a">
<li>Café</li>
<li>Thé</li>
<li>Lait</li>
</ol>
Essayez-le vous-même »

Nombres Romains - Majuscules

Nombres Romains Majuscules :

<ol type="I">
<li>Café</li>
<li>Thé</li>
<li>Lait</li>
</ol>
Essayez-le vous-même »

Nombres Romains - Minuscules

Nombres Romains Minuscules :

<ol type="i">
<li>Café</li>
<li>Thé</li>
<li>Lait</li>
</ol>
Essayez-le vous-même »

Contrôler le Comptage des Listes

Par défaut, une liste ordonnée commence à compter à partir de 1. Si vous souhaitez commencer à compter à partir d'un nombre spécifique, vous pouvez utiliser l'attribut start :

Exemple

<ol start="50">
<li>Café</li>
<li>Thé</li>
<li>Lait</li>
</ol>
Essayez-le vous-même »

Listes HTML Imbriquées

Les listes peuvent être imbriquées (une liste à l'intérieur d'une autre liste) :

Exemple

<ol>
<li>Café</li>
<li>Thé
<ol>
<li>Thé noir</li>
<li>Thé vert</li>
</ol>
</li>
<li>Lait</li>
</ol>
Essayez-le vous-même »

Remarque : Un élément de liste ( <li> ) peut contenir une nouvelle liste ainsi que d'autres éléments HTML, comme des images et des liens, etc.

Résumé du Chapitre

  • Utilisez l'élément HTML <ol> pour définir une liste ordonnée
  • Utilisez l'attribut HTML type pour définir le type de numérotation
  • Utilisez l'élément HTML <li> pour définir un élément de liste
  • Les listes peuvent être imbriquées
  • Les éléments de liste peuvent contenir d'autres éléments HTML

Balises de Liste HTML

Balise Description
<ul> Définit une liste non ordonnée
<ol> Définit une liste ordonnée
<li> Définit un élément de liste
<dl> Définit une liste de description
<dt> Définit un terme dans une liste de description
<dd> Décrit le terme dans une liste de description

Pour une liste complète de toutes les balises HTML disponibles, visitez notre Référence des Balises HTML .