Liste HTML

HTML supporte les listes ordonnées, non ordonnées et les listes de définition

Exemple

Liste non ordonnée
Cet exemple montre une liste non ordonnée.
Liste ordonnée
Cet exemple montre une liste ordonnée.

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

Liste non ordonnée

La liste non ordonnée est une liste d'éléments, où chaque élément est marqué par un point gras (généralement un petit cercle noir).

La liste non ordonnée commence par le tag <ul>. Chaque élément de liste commence par <li>.

<ul>
<li>Café</li>
<li>Lait</li>
</ul>

Le navigateur affiche comme suit :

  • Café
  • Lait

Les éléments de liste peuvent contenir des paragraphes, des retours chariots, des images, des liens et d'autres listes, etc.

Liste ordonnée

De même, les listes ordonnées sont une série de projets, et les éléments de liste sont marqués par des numéros.

Les listes ordonnées commencent par la balise <ol>. Chaque élément de liste commence par la balise <li>.

<ol>
<li>Café</li>
<li>Lait</li>
</ol>

Le navigateur affiche comme suit :

  1. Café
  2. Lait

Les éléments de liste peuvent contenir des paragraphes, des retours chariots, des images, des liens et d'autres listes, etc.

Liste de définition

Les listes personnalisées ne sont pas seulement une série de projets, mais une combinaison de projets et de commentaires.

Les listes personnalisées commencent par la balise <dl>. Chaque élément de liste personnalisée commence par <dt>. La définition de chaque élément de liste personnalisée commence par <dd>.

<dl>
<dt>Café</dt>
<dd>Boisson chaude noire</dd>
<dt>Lait</dt>
<dd>Boisson froide blanche</dd>
</dl>

Le navigateur affiche comme suit :

Café
Boisson chaude noire
Lait
Boisson froide blanche

Les éléments de liste d'une liste de définition peuvent contenir des paragraphes, des retours chariots, des images, des liens et d'autres listes, etc.

Plus d'exemples

Différents types de listes non ordonnées
Cet exemple montre une liste non ordonnée.
Différents types de listes ordonnées
Cet exemple montre différents types de listes ordonnées.
Liste imbriquée
Cet exemple montre comment imbriquer des listes.
Liste imbriquée 2
Cet exemple montre une liste imbriquée plus complexe.
Liste de définition
Cet exemple montre une liste de définition.

Balise de liste

Balise Description
<ol> Définir une liste ordonnée.
<ul> Définir une liste non ordonnée.
<li> Définir l'élément de liste de définition.
<dl> Définir la liste de définition.
<dt> Définir l'élément défini.
<dd> Définir la description définie.
<dir> Obsolète. Utilisez <ul> à la place.
<menu> Obsolète. Utilisez <ul> à la place.