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

1170 Commentaires

  • nguon.annabelle-37

    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

    Patricio M Admin

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

    le 27/03/2023 à 11h54

  • charlesprat777-89

    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

    Patricio M Admin

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

    le 06/03/2023 à 07h50

  • elodie.bhz.benel-24

    elodie.bhz.benel-24

    Bonjour je bloque sur mon erreur:

    le 24/02/2023 à 03h38

  • Patricio M

    Patricio M Admin

    Elodie, tu dois fermer les <li>

    le 24/02/2023 à 08h07

  • francois-bremand-58

    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

    Patricio M Admin

    Ton dernier code fonctionne très bien!

    le 22/02/2023 à 08h05

  • hadjerbenhadid86-74

    hadjerbenhadid86-74

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

    le 08/02/2023 à 05h24

  • Patricio M

    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

    sebastienferrando-8

    je sais pas d'où vient mon erreur

    le 07/02/2023 à 12h34

  • Patricio M

    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

    mitrachealessandra-11

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

    le 07/02/2023 à 11h00

  • Patricio M

    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

    lo.schlei59690-50

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

    le 31/01/2023 à 18h05

  • Patricio M

    Patricio M Admin

    tu dois fermer les balises <li>

    le 01/02/2023 à 15h38

  • toinj68-40

    toinj68-40

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

    le 19/10/2022 à 05h10

  • Patricio M

    Patricio M Admin

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

    le 19/10/2022 à 08h31

  • judithblot-93

    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

    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

    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

    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

    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

    Patricio M Admin

    Dernier code correct :)

    le 26/09/2022 à 09h00

  • Patricio M

    Patricio M Admin

    Le dernier code est très good!!

    le 26/09/2022 à 09h10

  • judithblot-93

    judithblot-93

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

    le 17/09/2022 à 12h05

  • Patricio M

    Patricio M Admin

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

    le 19/09/2022 à 09h09

  • couronneeg-24

    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"> <p>Ceci est ma description.</p> <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

    Patricio M Admin

    Le dernier code est correct :)

    le 19/09/2022 à 09h29

  • duseks655-79

    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"> <p>Ceci est ma description.</p> <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

    Patricio M Admin

    Le dernier code est correct

    le 23/08/2022 à 12h00

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"> <p>Ceci est ma description.</p> <ul> <li> Centres d'intérêts </li> <li> Expériences </li> <li> Formation </li> <li> Citations favorites </li> </ul> </body> </html>