Listes à puces et numérotées
|

<ul> Listes à puces

Les listes à puces sont utiles pour présenter des listes d'items ou d'items de manière non séquentielle ou sans ordre particulier.

  • La balise <ul> crée une liste à puces;
  • <ul> vient de l’expression anglaise « unordered list »;
  • Les items de listes sont identifiés par la balise <li> qui vient de l'anglais « list item »;
  • Les balises <li> doivent être fermées par </li>;
  • L'élément <ul> doit être ensuite être fermé avec la balise </ul>;
  • De façon naturelle, listes sont des éléments de bloc.

Exemple de liste à puces

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

Résultat

  • Item 1
  • Item 2
  • Item 3

Conseil de rédaction : Les listes à puces peuvent être utilisées pour des listes d'objets, de concepts. Elles servent aussi à créer des menus de navigation qui sont ensuite mis en forme avec CSS.

Sources :
Les listes (Draillard, 2020)
<ul> : Liste d'éléments sans ordre particulier (unordered list) (Mozilla)
<li> : Élément d'une liste (list item) (Mozilla)

A lire également