Exercice 6/16

  • À la ligne 21, créez une liste non ordonnée.
  • Votre liste non ordonnée doit contenir deux éléments : "Couleurs du drapeau français" et "Couleurs du drapeau italien".
  • Sous chaque point de cette liste, créez une liste ordonnée cette fois pour énumérer les couleurs de chaque drapeau. Utilisez le modèle de listes imbriquées proposé dans la partie "Leçon" pour vous inspirer.

Leçon 6/16

Voilà une chose de faite ! Vous savez maintenant créer des listes ordonnées et non ordonnées.

Compliquons un peu les choses : imaginez une liste ordonnée dont chaque point contient lui-même une liste non ordonnée imbriquée à l'intérieur ? Une liste de listes en sorte. L'éditeur vous montre un exemple. Appuyez sur Soumettre ma réponse pour visualiser le résultat !

Rappelez-vous : vous avez déjà imbriqué des balises : la dernière balise ouverte est la première fermée. Voici un exemple :

 <ul><li> un seul élément ! </li></ul>

_

Pensez à indenter votre code sinon vous ne saurez plus quelle balise fermer.

a. Commencez par créer les balises <ul> et </ul>.
b. Puis à l'intérieur, vous écrivez les balises <li> qui contiendront vos titres.
c. Sous chaque <li>, créez une liste ordonnées en utilisant les balises <ol> et </ol>.Ne fermez pas votre <li> avant d'avoir ouvert et fermé votre <ol>.

Voici un exemple :

<ul>
    <li>
         <ol>
             <li></li>
        </ol>
    </li>
    <li>
        <ol>
             <li></li>
             <li></li>
        </ol>
    </li>
</ul>

_

Commentaires les mieux notés

  • agouddimassia-72

    agouddimassia-72

    bonjour j'ai réussi finalement réussie a trouver mon erreurs !

    le 31/10/2018 à 11h49

  • sophian77-11

    sophian77-11

    Help s'il vous plait je comprend pas ou est mon erreur :

    le 14/11/2018 à 15h25

  • hikpognon-31

    hikpognon-31

    je vois la l eurreur dans mon code

    le 07/12/2019 à 11h50

  • christianlehenanff-28

    christianlehenanff-28

    problème résolu merci

    le 14/01/2019 à 13h39

  • jonathan69lyon-15

    jonathan69lyon-15

    c'est bon j'ai trouvé

    le 29/10/2018 à 12h12

20 Commentaires

  • kamasun-15

    kamasun-15

    il faut bien lire l'énoncé et avoir l'esprit relaxé

    le 27/06/2020 à 22h40

  • chsanson5-51

    chsanson5-51

    bonjour "la deuxième balise dans <body>doit être une balise <ul>" c'est le cas pourtant ...

    le 14/04/2020 à 12h32

  • meriam

    meriam Admin

    Bonjour, les sous listes doivent être imbriquées dans l'élément li de la liste principale, il faut suivre le modèle des listes imbriquées (voir Astuces).

    le 14/04/2020 à 13h31

  • thiebauteddie-77

    thiebauteddie-77

    Voilà : <ul> <li>Couleurs du drapeau français <ol> <li>Bleu</li> <li>Blanc</li> <li>Rouge</li> </ol> </li> <li>Couleurs du drapeau italien <ol> <li>Vert</li> <li>Blanc</li> <li>Rouge</li> </ol> </li> </ul>

    le 13/04/2020 à 14h58

  • thiebauteddie-77

    thiebauteddie-77

    Alors là je comprends pas le principe de l'exercice..!???

    le 12/04/2020 à 20h20

  • meriam

    meriam Admin

    Relisez bien l'énoncé, il faut créer une nouvelle liste juste aprés la liste initiale, contenant deux éléments li. Sous chaque élément li, créez une sous liste (vous devez suivre le modèle des listes imbriquées :vois Astuces)

    le 13/04/2020 à 03h02

  • meriam

    meriam Admin

    Relisez bien l'énoncé, il faut créer une nouvelle liste juste aprés la liste initiale, contenant deux éléments li. Sous chaque élément li, créez une sous liste (vous devez suivre le modèle des listes imbriquées :voir Astuces).

    le 13/04/2020 à 03h04

  • meriam

    meriam Admin

    Relisez bien l'énoncé, il faut créer une nouvelle liste juste aprés la liste initiale, contenant deux éléments li. Sous chaque élément li, créez une sous liste (vous devez suivre le modèle des listes imbriquées :voir Astuces).

    le 13/04/2020 à 03h04

index.html
<!DOCTYPE html> <html> <head> <title>Listes imbriquées</title> </head> <body> <ol> <li>Fabricants d'ordinateurs <ul> <li>Apple</li> <li>IBM</li> </ul> </li> <li>Fabricants de smartphones <ul> <li>Samsung</li> <li>LG</li> </ul> </li> </ol> </body> </html>