Médiaforma

Listes sur plusieurs niveaux

Print Friendly

Vous savez maintenant créer des listes à puces et numérotées. Que diriez-vous de créer des listes sur plusieurs niveaux hiérarchiques ?

Il suffit pour cela d’imbriquer deux ou plusieurs balises <ul> ou <ol>. A titre d’exemple, nous allons imbriquer plusieurs listes à puces dans une liste numérotée pour obtenir le résultat suivant.

Examinons le code utilisé :

Comme vous pouvez le voir, la liste principale est une liste numérotée délimitée par les balises <ol> et </ol>. Cette liste contient quatre entrées <li></li>.

Dans la première entrée, une liste à puces <ul> de type square est définie. Cette liste contient une autre liste à puces <ul> de type circle, composée de quatre entrées. Les différents niveaux d’imbrication sont automatiquement indentés vers la droite.

La troisième entrée <li> de la liste principale contient une liste à puces de type square, composée de trois entrées.

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply