Exercice 3/16

  • À la ligne 14, juste en-dessous de la liste, ajoutez un titre de taille <h2> qui s'appelle "Ma liste de courses"
  • À partir de la ligne suivante, créez une seconde liste ordonnée avec la balise <ol>.
  • Votre liste doit contenir trois points, chacun étant entouré par des balises <li>.

Leçon 3/16

Allons plus loin maintenant en créant des listes ordonnées c'est-à-dire des listes numérotées, comme ci-dessous :

  1. À la ligne 8, la liste ordonnée commence avec la balise ouvrante <ol> ("ordered list").
  2. À la ligne 9, on ouvre une balise <li> , puis on écrit le texte du premier élément de la liste et enfin on ferme avec </li>.
  3. Aux lignes 10 à 12, on fait la même chose qu'à la ligne 9 pour le deuxième, le troisième et le dernier élément de la liste.
  4. À la ligne 13, on termine la liste ordonnée la balise fermante </ol>.

Notez qu'on écrit un élément par ligne avec <li> et </li> et que ces 4 éléments de liste sont imbriqués dans la balise <ol></ol>.

Commentaires les mieux notés

  • hhichambeladassi01-85

    hhichambeladassi01-85

    Erreur(s) : Avez-vous bien placé les 4 balises <li>, </li> à l'intérieur de la balise <ol> ?

    le 22/06/2019 à 16h36

  • meriam

    meriam Admin

    votre dernier code est correct.

    le 24/06/2019 à 09h58

  • sowoury91.mos-5

    sowoury91.mos-5

    Bonjour j'ai un message d'erreur qui m'affiche que ma balise <h2> doit contenire Ma liste de courses

    le 10/11/2018 à 20h11

  • gaellemasson-71

    gaellemasson-71

    Je ne comprends pas pourquoi on me dit qu'il y'a une erreur et que "Vous devez placer 3 balises <li>, </li> à l'intérieur des deuxièmes balise <ol>". C'est pourtant bien ce que j'ai fait non?

    le 14/01/2019 à 08h56

  • dov.tordjman-96

    dov.tordjman-96

    bonjour on me dit sa La balise <h2> doit avoir le texte "Ma liste de courses".

    le 29/10/2019 à 01h47

  • idrisichallal0-23

    idrisichallal0-23

    Pour le problème du texte situé dans la balise <h2> M liste de courses ne doit pas être entre guillemets c'est qui me bloquait depuis tout à l'heure :)

    le 21/02/2020 à 21h27

20 Commentaires

  • beate-prenant-97

    beate-prenant-97

    je n'ai pas lassé d'espace et j'ai écrit exactement comme demandé, mais il note que il faut écrire Ma liste de courses.

    le 31/08/2020 à 18h47

  • meriam

    meriam Admin

    Bonjour, il faut enlever les guillemets du titre Ma liste de courses

    le 01/09/2020 à 11h02

  • katiatim-31

    katiatim-31

    on me mets que j'ai une erreur au nieau de h2 alors que je l'ai bien noté

    le 26/04/2020 à 17h21

  • meriam

    meriam Admin

    Bonjour, il faut supprimer les espaces inutiles aprés la balise ouvrante h2 et avant la balise fermante h2.

    le 28/04/2020 à 12h43

  • albad.madgbe-24

    albad.madgbe-24

    <body> <ol> <li>Element 1</li> <li>Element 2</li> <li>Element 3</li> <li>Element 4</li> </ol> <h2> ma liste de course </h2> <ol> <li>cours1</li>

    le 18/04/2020 à 00h52

  • meriam

    meriam Admin

    Remplacez ma liste de courses par Ma liste de course (il faut respecter le contenu demandé par l'énoncé). Supprimez l'espace aprés la balise ouvrante h2 et juste avant la balise fermante h2.

    le 18/04/2020 à 00h56

index.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>3WA learning - Les listes en HTML</title> </head> <body> <ol> <li>Element 1</li> <li>Element 2</li> <li>Element 3</li> <li>Element 4</li> </ol> </body> </html>