MEILLEUR SITE POUR LES DÉVELOPPEURS WEB
HTML5 Cours pour débutants

En Ua Es De

HTML Listes


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


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
Try it Yourself »

Liste HTML non ordonnée

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 seront marqués par des puces (petits cercles noirs) par défaut :

Exemple

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
Try it Yourself »

Liste HTML ordonnée

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 seront marqués par des chiffres par défaut :

Exemple

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Try it Yourself »

HTML Listes de descriptions

HTML prend également en charge les listes de descriptions.

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

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

Exemple

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>
Try it Yourself »

Balises de liste HTML

Étiquette Description
<ul> Définit une liste non ordonnée
<ol> Définir 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 la Référence des balises HTML sur notre site Web W3SchoolsFR. Le meilleur.


HTML - Listes - Vidéo W3Schools

Cette vidéo explique les listes en HTML.

Fait partie d'une série de didacticiels vidéo pour apprendre le HTML pour les débutants !



Commentaires