HTML Listes ordonnées
La balise HTML <ol> définit une liste ordonnée. Une liste ordonnée 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 commence par la balise <li>.
Les éléments de la liste seront marqués par des chiffres par défaut :
Liste HTML ordonnée - L'attribut Type
L'attribut type de la balise <ol> définit le type du marqueur d'élément de liste :
| Tapez | 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 |
Lettres majuscules :
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Try it Yourself »
Lettres minuscules :
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Try it Yourself »
Chiffres romains majuscules :
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Try it Yourself »
Chiffres romains minuscules :
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Try it Yourself »
Comptage de la liste de contrôle
Par défaut, une liste ordonnée commencera à compter à partir de 1. Si vous souhaitez commencer à compter à partir d'un nombre spécifié, vous pouvez utiliser l'attribut start :
Listes HTML imbriquées
Les listes peuvent être imbriquées (liste dans la liste) :
Exemple
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
Try it Yourself »
Remarque : Un élément de liste (<li>) peut contenir une nouvelle liste et 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
typepour 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
| Étiquette | Description |
|---|---|
| <ul> | Définit une liste non ordonnée |
| <ol> | Définir 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.
