HTML Listes


Les listes HTML permettent aux développeurs web de regrouper un ensemble d'éléments connexes.


Exemple

Une liste HTML non ordonnée :

  • Élément
  • Élément
  • Élément
  • Élément

Une liste HTML ordonnée :

  1. Premier élément
  2. Deuxième élément
  3. Troisième élément
  4. Quatrième élément
Essayez-le vous-même »

Liste HTML non ordonnée

Une liste non ordonnée commence par la balise <ul> . 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 puces (petits cercles noirs) :

Exemple

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

Essayez-le vous-même »


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 »


Listes de description HTML

HTML prend également en charge les listes de description.

Une liste de description est constituée de termes, chacun étant accompagné d'une description.

La balise <dl> définit la liste de description, la balise <dt> définit le terme (nom), et la balise <dd> fournit la description de chaque terme :

Exemple

<dl>
<dt>Café</dt>
<dd>- boisson chaude noire</dd>
<dt>Lait</dt>
<dd>- boisson froide blanche</dd>
</dl>
Essayez-le vous-même »


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 .


Vidéo : Listes HTML