Code HTML pour les Listes

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

Exemple

Une liste HTML non ordonnée :

• Article
• Article
• Article
• Article

Une liste HTML ordonnée :

1. Premier élément
2. Deuxième article
3. Troisième article
4. Quatrième élément

Liste HTML non ordonnée

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

Les éléments de la liste seront marqués par des puces (petits cercles noirs) par défaut :

Exemple

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

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>

Listes de description HTML

HTML prend également en charge les listes de description.

Une liste de description est une liste de termes, avec une description de chaque terme.

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

Exemple

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

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