HTML Listes

Les listes les plus communs HTML sont ordonnées et non ordonnées listes:

Listes HTML

An ordered list: The first list item The second list item The third list item

An unordered list: List item List item List item

---

Essayez-It-Yourself Exemples

Liste non ordonnée
Comment faire pour créer une liste non ordonnée dans un document HTML.

Ordonné liste
Comment créer une liste ordonnée dans un document HTML.

(Vous pouvez trouver plus d'exemples au bas de cette page).

---

HTML Listes Non Ordonnées

Une liste non ordonnée commence par la balise <ul>. Chaque élément de la liste commence par la balise <li>.

Les éléments de la liste sont marquées avec des balles (en général de petits cercles noirs).

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

Comment le code HTML ci-dessus porte dans un navigateur:

• Café
• Lait

---

HTML des listes ordonnées

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 sont identifiées par des numéros.

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

Comment le code HTML ci-dessus porte dans un navigateur:

1. Café
2. Lait

---

HTML Listes de Définition

Une liste de définition est une liste d'éléments, avec une description de chaque élément.

La balise <dl> définit une liste de définitions.

La balise <dl> est utilisé en conjonction avec <dt> (définit l'élément dans la liste) et <dd> (décrit l'élément dans la liste):

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

Comment le code HTML ci-dessus porte dans un navigateur:

Café

- Boisson noire chaude

Lait

- Blanc boisson froide

---

Notes de base - Conseils utiles

Astuce: l'intérieur d'un élément de la liste, vous pouvez mettre du texte, les sauts de ligne, des images, des liens, des listes d'autres, etc

---

Exemples

Différents types de listes ordonnées
Démontre différents types de listes ordonnées.

Différents types de listes à puces
Démontre différents types de listes à puces.

Liste imbriquée
démontre comment vous pouvez imbriquer des listes.

Liste imbriquée 2
Démontre une liste plus compliquée imbriquée.

Liste de définitions
Démontre une liste de définitions.

---

Mots clés liste HTML

Balise	Description
<ol>	Définit une liste ordonnée
<ul>	Définit une liste non ordonnée
<li>	Définit un élément de la liste
<dl>	Définit une liste de définitions
<dt>	Définit un élément dans une liste de définitions
<dd>	Définit une description d'un élément dans une liste de définitions