Listes en HTML : guide d'utilisation des listes pour afficher des données

Les listes sont une partie essentielle de HTML pour afficher les données de manière organisée et lisible. HTML fournit trois principaux types de listes : les listes non ordonnées, les listes ordonnées et les listes de définitions.

Les listes non ordonnées(<ul>) utilisent des puces spécifiques et sont affichées sous forme d'éléments en retrait, généralement à l'aide de points noirs. Il s'agit d'un choix populaire pour lister des articles qui ne nécessitent pas de commande spécifique.

Les listes ordonnées(<ol>) utilisent une numérotation ou des marqueurs de caractères spécifiques et sont affichées sous forme de liste ordonnée séquentiellement. Ceci est souvent utilisé pour répertorier les éléments dans un ordre spécifique ou pour les numéroter.

Les listes de définitions(<dl>) utilisent des paires de termes et de descriptions pour afficher les données. Chaque paire est entourée des balises <dt>(terme de la définition) et <dd>(description de la définition). C'est un moyen efficace d'afficher des attributs ou des définitions pour des concepts spécifiques.

 

Liste non ordonnée( <ul>)

- L' <ul> élément est utilisé pour créer une liste non ordonnée.

- Chaque élément de la liste non ordonnée est placé dans un <li> élément.

- Les listes non ordonnées sont généralement affichées avec des puces ou des caractères similaires.

<ul>  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ul>  

 

Liste ordonnée( <ol>)

- L' <ol> élément est utilisé pour créer une liste ordonnée.

- Chaque élément de la liste ordonnée est placé dans un <li> élément.

- Les listes ordonnées sont généralement affichées avec des chiffres ou des caractères alphabétiques.

<ol>  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Liste de définition( <dl>)

- L' <dl> élément est utilisé pour créer une liste de définition.

- Chaque élément de la liste de définitions consiste en une paire de balises <dt>(terme de définition) et <dd>(description de la définition).

- La <dt> balise contient le mot-clé ou l'attribut en cours de définition, tandis que la <dd> balise contient la description ou l'explication de ce mot-clé ou de cet attribut.

<dl>  
  <dt>Keyword 1</dt>  
  <dd>Description for Keyword 1</dd>  
  <dt>Keyword 2</dt>  
  <dd>Description for Keyword 2</dd>  
</dl>  

 

Attribut de type de liste( <ul> et <ol>)

- L'attribut type est utilisé pour spécifier le style de numérotation d'une liste ordonnée.

- La valeur de l'attribut type peut être "1"(chiffres), "A"(lettres majuscules), "a"(lettres minuscules), "I"(chiffres romains majuscules) ou "i"(chiffres romains minuscules) .

<ol type="A">  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Attribut de début( <ol>)

- L'attribut start est utilisé pour spécifier la valeur de départ de la numérotation dans une liste ordonnée.

- La valeur de l'attribut start est un entier positif.

<ol start="5">  
  <li>Item 5</li>  
  <li>Item 6</li>  
  <li>Item 7</li>  
</ol>  

 

Attribut inversé( <ol>)

- L'attribut reversed permet d'afficher une liste ordonnée dans l'ordre inverse.

- Lorsque l'attribut inversé est appliqué, la numérotation sera affichée dans l'ordre décroissant.

<ol reversed>  
  <li>Item 3</li>  
  <li>Item 2</li>  
  <li>Item 1</li>  
</ol>  

 

Ces attributs et éléments vous permettent de créer et de personnaliser des listes en HTML selon vos besoins. Vous pouvez les utiliser pour afficher des données de manière claire et organisée sur votre site Web.