Listes

Les listes sont utilisées pour organiser et présenter des informations dans un format structuré. Il existe deux principaux types de listes : listes non ordonnées (<ul>) et listes ordonnées (<ol>).

Listes non ordonnées

Les listes non ordonnées présentent les éléments sous forme de puces. Chaque élément de la liste est défini à l'aide de la balise <li> (élément de liste). Les listes non ordonnées sont généralement utilisées lorsque l'ordre des éléments n'est pas significatif.
Exemple:

Dans l'exemple ci-dessus :

La liste non ordonnée (<ul>) affiche les éléments avec des puces.

Listes ordonnées

Les listes ordonnées affichent les éléments dans une séquence numérotée. Chaque élément de la liste est défini à l'aide de la balise <li> (élément de liste). Les listes ordonnées sont utilisées lorsque l'ordre des éléments est important et doit être souligné.
Exemple :

Dans l'exemple ci-dessus :

La liste est ordonnée (<ol>), affichant les éléments avec des numéros.

Listes imbriquées

Les listes peuvent également être imbriquées les unes dans les autres pour créer des structures hiérarchiques. Cela signifie qu'un élément de liste (<li>) dans une liste (<ul> ou <ol>) peut lui-même contenir une autre liste. Cela est utile pour organiser des informations complexes en plusieurs niveaux de hiérarchie.
Exemple :

Dans l'exemple ci-dessus :

• Le deuxième élément de la liste ("Main item 2") contient une liste non ordonnée imbriquée (<ul>), créant une structure hiérarchique ;
• Chaque liste imbriquée (<ul>) est indentée pour indiquer visuellement son niveau hiérarchique.

Tutoriel Vidéo