Parcours d’initiation HTML

Leçon 4

Créer des listes

Il y a deux types de listes en HTML : Les listes ordonnées (en anglais, “ordered list”) où toute la liste sera placée dans les balises <ol>, et les listes non-ordonnées (en anglais, “unordered list”) où toute la liste sera placée dans les balises <ul>. Dans les deux cas, les éléments de la liste seront placés dans des balises <li>. Une liste non-ordonnée n’a pas de notion d’ordre et on peut ainsi mélanger ses éléments sans que cela ne modifient leur sens. Dans le cas d’une liste ordonnée, les éléments de la liste seront réalisés dans un ordre donné, ils seront donc numérotés.

1
2
3
4
5
6
7
8
9
10
11
<!-- Liste non-ordonnée -->
<ul>
  <li>Elément d'une liste non-ordonnée</li>
  <li>Elément d'une liste non-ordonnée</li>
</ul>

<!-- Liste ordonnée -->
<ol>
  <li>Elément d'une liste ordonnée</li>
  <li>Elément d'une liste ordonnée</li>
</ol>
  • Elément d'une liste non-ordonnée
  • Elément d'une liste non-ordonnée
  1. Elément d'une liste ordonnée
  2. Elément d'une liste ordonnée
Exercice