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

  • bonnard33-60

    il me dit que j'ai oublier la balise <ol>

  • ghania_chougui-12

    help please!!! je bloque

  • mram Administrateur

    Votre code lignes 12 à 17 ne doit pas se trouver dans la balise "ol", mais après.

  • mamoud

    J'ai mis la balise <h2> Mais il me dit toujours que j'ai oublié la balise h2,

97 Commentaires

  • bonnard33-60

    bonnard33-60

    il me dit que j'ai oublier la balise <ol>

    le 30/07/2018 à 12h19

  • mram

    mram Administrateur

    Ligne 14 il y a une erreur.

    le 02/08/2018 à 05h27

  • mram

    mram Administrateur

    Votre code lignes 12 à 17 ne doit pas se trouver dans la balise "ol", mais après.

    le 07/06/2017 à 13h22

  • mamoud

    mamoud

    J'ai mis la balise <h2> Mais il me dit toujours que j'ai oublié la balise h2,

    le 30/04/2017 à 21h22

  • mram

    mram Administrateur

    Oui normal, car tout votre code lignes 15 à 21 doit être avant la ligne 14.

    le 04/05/2017 à 12h25

  • mram

    mram Administrateur

    Il faut écrire votre nouveau code après la balise </ol>. Et vos trois éléments "li" ne sont pas dans une liste "ol".

    le 28/03/2017 à 01h30

  • mram

    mram Administrateur

    Vous faites trop compliqué. Ceci est le code de base : <ol> <li>Element 1</li> <li>Element 2</li> <li>Element 3</li> <li>Element 4</li> </ol>

    le 09/05/2017 à 01h49

  • pizzutoandrea3

    pizzutoandrea3

    petit aide.. merci

    le 04/05/2017 à 20h12

  • severineroche2828

    severineroche2828

    Bonjour, pourriez-vous m'aider ? Je ne trouve pas mon erreur suite au message "auriez-vous oublier la liste ol?" alors qu'elle est bien présente. Merci beaucoup

    le 20/09/2018 à 09h51

  • meriam

    meriam Administrateur

    Bonjour, vous devez créer la liste ordonnée juste aprés le titre h2 et non pas à l'intérieur de la balise"h2".

    le 04/10/2018 à 15h12

  • mram

    mram Administrateur

    Après ce code, vous ajoutez un titre "h2" puis sous le titre une nouvelle liste "ol" qui contient trois "li". C'est tout.

    le 09/05/2017 à 01h50

  • oliver-thomas

    oliver-thomas

    petite question: a quoi sert la balise meta et l’attribut charset ? merci

    le 11/04/2017 à 09h23

  • pizzutoandrea3

    pizzutoandrea3

    non

    le 01/06/2017 à 14h41

  • mram

    mram Administrateur

    Bonjour, ça sert à définir l'encodage des caractères pour que le navigateur sache comment les interpréter et comment les afficher.

    le 18/04/2017 à 13h13

  • martialkra48

    martialkra48

    bonjour je fais ce qu'on me demande mais ca ne passe pas montrez moi l'erreur

    le 21/04/2017 à 18h36

  • mram

    mram Administrateur

    Vous n'avez qu'une liste "ol" (donc vous avez mis tout votre nouveau code dans la liste qui existe déjà) alors qu'on vous demande d'en créer une nouvelle après la première et après votre titre "h2".

    le 22/04/2017 à 12h02

  • pizzutoandrea3

    pizzutoandrea3

    bonjour ,j'ai fait les chose demande me done error. mrci

    le 26/03/2017 à 01h09

  • dimandja-jonathan-36

    dimandja-jonathan-36

    bonjour on me dis qu'il manque la balise h2 hors qu'elle est présente

    le 12/02/2018 à 20h25

  • mram

    mram Administrateur

    Bonjour, normal vous avez mis votre code à l'extérieur de la balise "body". Là c'est mieux mais vous n'avez toujours pas correctement fermer la balise "body" .

    le 12/02/2018 à 22h38

  • jeremy-elbaze

    jeremy-elbaze

    Bonjour, je ne comprends pas j'ai un message d'erreur me disant: "Essayez de positionner votre liste juste après votre titre <h2> !"

    le 10/08/2017 à 02h55

  • Thismas.78-79

    Thismas.78-79

    ca me dit que j'ai oublié la balise <h2>pourtant je les mises:

    le 22/03/2018 à 12h55

  • mram

    mram Administrateur

    Bonjour, oui vous l'avez mise mais en dehors de "body" alors que tout le code doit être dedans.

    le 24/03/2018 à 05h58

  • jeremy-elbaze

    jeremy-elbaze

    Enfaite dsl je suis débile au lieu de mettre ol je mettais o1 dsl du dérangement

    le 10/08/2017 à 03h08

  • mram

    mram Administrateur

    Bonjour, c'est pas grave. Il faut en effet faire attention à la syntaxe.

    le 16/08/2017 à 10h15

  • aoustinprince-62

    aoustinprince-62

    bonjour j'ai besoin d'aide j'arrive pas a bien fermé la balise title

    le 21/06/2018 à 14h11

  • mram

    mram Administrateur

    Bonjour, une balise "title" il ne doit y en avoir qu'une, celle ligne 5, l'autre est inutile.

    le 24/06/2018 à 06h42

  • soufiyen03122001-2

    soufiyen03122001-2

    il me demande mon titre h2 alors que je l'ai mit

    le 11/09/2018 à 20h48

  • mram

    mram Administrateur

    Il faut le mettre en dehors de la liste.

    le 15/09/2018 à 07h38

  • nkeshimanabrice-37

    nkeshimanabrice-37

    comment je vais positionner ma liste

    le 24/08/2018 à 10h00

  • mram

    mram Administrateur

    Le titre "h2" ne doit pas être dans une liste, mais plutôt en dehors.

    le 05/09/2018 à 06h11

  • beraza.maitane-77

    beraza.maitane-77

    Bonjour, je ne trouve pas mon erreur dans le code. Pouvez vous m'aider?

    le 19/02/2019 à 12h04

  • meriam

    meriam Administrateur

    votre code n'est pas bon, relisez bien l'énoncé. Commencez par un clic sur le bouton reset pour obtenir le code html initial, puis faites ce qui est demandé.

    le 19/02/2019 à 16h36

  • damien.leblon-82

    damien.leblon-82

    bonjour mes balises <li> sont bien entre les <ol> mais on me demande de verfier, merci

    le 05/01/2019 à 14h51

  • meriam

    meriam Administrateur

    bonjour, 1: supprimez la balise ouvrante < h2> et </ h2> (ligne 8 et 13), 2: Vous devez placer 3 balises < li>, < /li> à l'intérieur de la deuxième balise < ol>.

    le 07/01/2019 à 13h39

  • leolocufier-40

    leolocufier-40

    Bonjour, cela me demande de mettre la liste de course juste après le titre h2 mais pour moi cela est déjà le cas

    le 30/07/2018 à 20h17

  • mram

    mram Administrateur

    Bonjour, la balise "o2" n'existe pas, c'est "ol".

    le 04/08/2018 à 23h51

  • naim-khezzar

    naim-khezzar

    Bonjour je ne vois pas ou est mon erreur pouvez vous m'éclairez. désolé du dérangement. alors:.<!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> <h2>Ma liste de courses</h2> <ol> <li>farine</li> <li>eau</li> <li>oeuf</li> </ol> </html>

    le 27/12/2017 à 11h58

  • mram

    mram Administrateur

    Bonjour, attention tout le code HTML doit être dans la balise "body" ...

    le 30/12/2017 à 12h24

  • dalbignacaurelie-1

    dalbignacaurelie-1

    Bonjour, j'ai le message d'erreur "La balise <h2> doit avoir le texte "Ma liste de courses" et je ne trouve pas l'erreur pour avance :(

    le 07/01/2019 à 17h07

  • meriam

    meriam Administrateur

    bonjour, supprimez les guillemets autour du titre h2.

    le 08/01/2019 à 12h52

  • wadd.kaffo-48

    wadd.kaffo-48

    bonjour j'ai mis ma balise <h2> sous body et quand je fais soumettre il me dit que j'ai oublié la balise <h2>

    le 13/08/2018 à 13h10

  • mram

    mram Administrateur

    Bonjour, vous avez une partie du code en dehors de "body" or il ne faut pas. Tout le code HTML visible dans le navigateur doit etre dans "body".

    le 17/08/2018 à 06h10

  • zerickx-86

    zerickx-86

    J'ai systématiquement le message d'erreur : La balise <h2> doit avoir le texte "Ma liste de courses"

    le 21/02/2019 à 19h58

  • meriam

    meriam Administrateur

    Bonjour, il faut juste supprimer les guillemets.

    le 22/02/2019 à 12h50

  • morganmiler0-19

    morganmiler0-19

    bonjour comment on déactive l'écriture automatique ?

    le 08/09/2018 à 20h37

  • mram

    mram Administrateur

    Bonjour, dans quelle partie ? le code, les commentaires ?

    le 15/09/2018 à 07h11

  • boras.b-46

    boras.b-46

    Pour moi j'ai bien fermé title????

    le 16/08/2018 à 15h52

  • mram

    mram Administrateur

    Que vous dit le message d'erreur ?

    le 28/08/2018 à 22h13

  • dunacrysta

    dunacrysta

    bonsoir pourriez vous m'aiguiller s'il vous plait ?

    le 16/01/2018 à 21h17

  • mram

    mram Administrateur

    Bonjour, vous aviez des balises "head" et "title" à l'intérieur de la balise "body" alors qu'il ne le faut pas.

    le 19/01/2018 à 16h04

  • mlblmd

    mlblmd

    il me demande de vérifié si j'ai bien fermé la balise de title je comprends pas

    le 14/07/2017 à 22h51

  • mram

    mram Administrateur

    Bonjour, supprimez l'espace au début de votre titre "h2".

    le 16/07/2017 à 11h12

  • 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

  • erik.louna.neuner-56

    erik.louna.neuner-56

    merci

    le 24/12/2018 à 14h49

  • emilie.noguero-5

    emilie.noguero-5

    Bonjour, je ne comprends pas où se situe mon erreur, impossible de valider

    le 02/09/2019 à 07h03

  • 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 Administrateur

    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

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>