Listes ordonnées HTML
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 <ol>
balise. Chaque élément de la liste commence par la <li>
balise.
Les éléments de la liste seront marqués par des numéros par défaut :
Exemple
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Liste HTML ordonnée - L'attribut Type
L' type
attribut de la <ol>
balise définit le type de marqueur d'élément de liste :
Type | Description |
---|---|
type="1" | The list items will be numbered with numbers (default) |
type="A" | The list items will be numbered with uppercase letters |
type="a" | The list items will be numbered with lowercase letters |
type="I" | The list items will be numbered with uppercase roman numbers |
type="i" | The list items will be numbered with lowercase roman numbers |
Nombres:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Majuscules:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Minuscules:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Chiffres romains majuscules :
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Chiffres romains minuscules :
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
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' start
attribut :
Exemple
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
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>
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
- Utiliser l'élément HTML
<ol>
pour définir une liste ordonnée type
Utilisez l' attribut HTML pour définir le type de numérotation- Utiliser 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
Tag | Description |
---|---|
<ul> | Defines an unordered list |
<ol> | Defines an ordered list |
<li> | Defines a list item |
<dl> | Defines a description list |
<dt> | Defines a term in a description list |
<dd> | Describes the term in a description list |
Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .