Insérer des listes imbriquées sur votre page HTML

Exercice 5/7

Complétez votre profil avec des listes imbriquées en utilisant au moins une liste ordonnée (<ol>) et une liste non ordonnée (<ul>).

Leçon 5/7

Chaque section de votre profil va devoir être complétée : la section Mes centres d'intérêts peut elle-même se subdiviser à la manière d'une liste.

Vous pouvez donc imbriquer une nouvelle liste (ordonnée ou pas) dans les balises <li> de votre liste principale, comme ceci :

Mes centres d'intérêt
1. Le développement informatique
2. La natation
3. Jouer de la guitare

Regardez à droite, nous l'avons fait pour vous (avec une liste ordonnée <ol>) !

Petit rappel sur la structure des listes non ordonnées :

<ul>
    <li>Un élément
    <li>Un autre élément
</ul>

Et sur la structure des listes ordonnées :

<ol>
    <li>Premier élément
    <li>Second élément
</ol>

Quant à la structure de listes imbriquées : :

<ul>
    <li>Mes centres d'intérêts
        <ul>
            <li>L'aviation
            <li>Un bon coup de fourchette
            <li>Le Raspberry Pi
        </ul>
    </li>
    <li>Mes équipes préférées
</ul>

Commentaires les mieux notés

1171 Commentaires

nguon.annabelle-37

Bonjour, je n'arrive pas à débloquer le problème. Il me dit qu'au moins une sous catégorie est manquante... Pouvez vous m'aider :) Merci

le 26/03/2023 à 12h52
Patricio M Admin

les <li> ne doivent pas êrte fermées après le titre...

le 27/03/2023 à 11h54
charlesprat777-89

le correcteur me dit qu'il manque une categorie mais j'ai fait une liste par categorie , dont une <ol> et j'en ai meme cree une de plus . Mes balises sont fermees , je bloque sur ce coup la ...

le 05/03/2023 à 00h15
Patricio M Admin

Charles, ton code est bon! Ecris sur Discord, c'est plus rapide

le 06/03/2023 à 07h50
elodie.bhz.benel-24

Bonjour je bloque sur mon erreur:

le 24/02/2023 à 03h38
Patricio M Admin

Elodie, tu dois fermer les <li>

le 24/02/2023 à 08h07
francois-bremand-58

bonjour, il est écris : au moins une sous catégorie est manquante alors que j'ai fait des sous catégories sous chaque thème...

le 21/02/2023 à 12h11
Patricio M Admin

Ton dernier code fonctionne très bien!

le 22/02/2023 à 08h05
hadjerbenhadid86-74

bonjour, je suis perdue!! je trouve pas mon erreur. pourriez-vous m'aider svp

le 08/02/2023 à 05h24
Patricio M Admin

tu dois imbriquer dans chaque <li> des <ol> ou des <ul> et dedans tu dois écrire au moins une <li>.

le 08/02/2023 à 08h28
sebastienferrando-8

je sais pas d'où vient mon erreur

le 07/02/2023 à 12h34
Patricio M Admin

Tu dois imbriquer dans les <li> des <ul> OU des <ol> et puis dedans celles-ci des <li>

le 08/02/2023 à 08h29
mitrachealessandra-11

Bonjour, je ne comprends pas où est la sous-catégorie manquante ?

le 07/02/2023 à 11h00
Patricio M Admin

L'imbrication des balises n'est pas bonne. Indentes bien ton code et tu verras l'erreur

le 07/02/2023 à 17h11
lo.schlei59690-50

bonjour pouvez m'aider sur mon erreur je ne comprend pas merci

le 31/01/2023 à 18h05
Patricio M Admin

tu dois fermer les balises <li>

le 01/02/2023 à 15h38
toinj68-40

je ne comprend pas l'erreur "au moin une sous catégorie manquant"

le 19/10/2022 à 05h10
Patricio M Admin

Tu dois imbriquer des <ul> <li> <ol> <liste ordonnées> dans ton HTML

le 19/10/2022 à 08h31
judithblot-93

Bonjour : "Avez-vous bien placé les balises </ul>, <ol>, </li> ?" Je ne vois pas où est le problème, merci.

le 28/09/2022 à 14h55
Patricio M Admin

JUdith, si tu n'indentes pas bien ton code, tu ne pourras pas voir les balises qui manquent...

le 28/09/2022 à 15h10
judithblot-93

Bonjour, "Au moins une sous-catégorie est manquante", je ne comprends pas: j'ai ul et ol...Merci de votre aide

le 28/09/2022 à 08h40
Patricio M Admin

indentes bien ton code, tu ne dois pas fermer les <li> tout de suite... regardes l'exemple de Expériences

le 28/09/2022 à 09h15
guinardjulia-88

Bonjour, je ne comprends pas ce qu'il faut faire j'ai essayé plusieurs choses mais il me dit toujours qu'il manque une sous-catégorie

le 24/09/2022 à 08h00
Patricio M Admin

Dernier code correct :)

le 26/09/2022 à 09h00
Patricio M Admin

Le dernier code est très good!!

le 26/09/2022 à 09h10
judithblot-93

Bonjour, je ne vois pas où est le problème, merci de m'aider !

le 17/09/2022 à 12h05
Patricio M Admin

Fait attention à l'imbircation des <li> écris en miniscule

le 19/09/2022 à 09h09
couronneeg-24

Vous devez faire en sorte que le </li> de fermeture de "centre d'intérêts" soit positionné après le </ul> ou </ol> de votre code : <!DOCTYPE html> <html> <head> <title>Mon titre</title> </head> <body> <img src="https://3wa.fr/wp-content/themes/3wa2015/img/logos/big.png"> Ceci est ma description. <ul> <li> Centres d'intérêts <ol> <li>le développement web</li> <li>l'informatique</li> <li>la bourse</li> </ol> </li>

le 16/09/2022 à 15h19
Patricio M Admin

Le dernier code est correct :)

le 19/09/2022 à 09h29
duseks655-79

<!DOCTYPE html> <html> <head> <title>Mon titre</title> </head> <body> <img src="https://3wa.fr/wp-content/themes/3wa2015/img/logos/big.png"> Ceci est ma description. <ul> <li>Centres d'intérêts <ol> <li>serieux </ol> </li> <li>Expériences <ul> <li>sa marche </ul> </li> <li>Formation <ul> <li>abuse </ul> </li> <li>Citations favorites <ol> <li>ok </ol> </li> </ul> </body> </html> je comprends pas... ça me dit: "Avez-vous bien placé les balises </li> dans vos sous-catégories ?"

le 23/08/2022 à 07h39
Patricio M Admin

Le dernier code est correct

le 23/08/2022 à 12h00

Pour publier un commentaire, vous devez vous connecter.

index.html

<!DOCTYPE html> <html> <head> <title>Mon titre</title> </head> <body> <img src="https://3wa.fr/wp-content/themes/3wa2015/img/logos/big.png"> Ceci est ma description. <ul> <li> Centres d'intérêts </li> <li> Expériences </li> <li> Formation </li> <li> Citations favorites </li> </ul> </body> </html>

Activer JavaScriptJavaScriptJS

http://localhost:8080