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

358 Commentaires

  • hadjerbenhadid86-74

    hadjerbenhadid86-74

    bonjour, j'ai bien mis "ma liste de courses"!! pourquoi me dit non?

    le 08/02/2023 à 04h05

  • Patricio M

    Patricio M Admin

    Sans les "

    le 08/02/2023 à 08h25

  • salhi.chaim4-81

    salhi.chaim4-81

    Boujour je n'arrive pas à comprendre mon erreur. Merci d'avance

    le 22/01/2023 à 16h00

  • Patricio M

    Patricio M Admin

    Ma liste de courses, sans le .

    le 23/01/2023 à 13h33

  • yazid.haouati-92

    yazid.haouati-92

    Correction: <h2>Ma liste de courses</h2> <ol> <li>Element 5</li> <li>Element 6</li> <li>Element 7</li> </ol> </body> </html>

    le 09/08/2022 à 08h33

  • Patricio M

    Patricio M Admin

    Ton code est bon, de mon coté, c'est validé

    le 19/08/2022 à 08h06

  • cristhianmunozb-57

    cristhianmunozb-57

    bonjour , désolé mais j'arrive pas a comprendre mon erreur

    le 19/05/2022 à 20h22

  • meriam

    meriam Admin

    Bonjour, au niveau de titre h2, vous devez supprimer les guillemets.

    le 20/05/2022 à 14h05

  • eitanon.barre-58

    eitanon.barre-58

    Bonjour, je suis à l'exercice 3 de la structure html. Quand j'ouvre la page https://apprendre-html.3wa.fr/html depuis mon espace je ne vois pas l'avancement de mes exercices. Sont-ils sauvegardés et visibles de votre côté? Lorsque j'appuie sur le boutton Soumettre, rien ne se passe. Pour passer à l'exercice suivant je dois cliquer sur la flêche eu haut à droite dans le bandeau de couleur saumon.

    le 18/03/2022 à 11h48

  • meriam

    meriam Admin

    Bonjour, le problème persiste encore.

    le 23/03/2022 à 11h24

  • dimitriclain500-77

    dimitriclain500-77

    je comprend pas c'est le problème

    le 30/11/2021 à 08h08

  • meriam

    meriam Admin

    il faut supprimer le titre h3 que vous avez ajouté aprés la baise fermante body.

    le 30/11/2021 à 13h27

  • dimitriclain500-77

    dimitriclain500-77

    je comprend pas c'est le problème

    le 30/11/2021 à 08h08

  • meriam

    meriam Admin

    Bonjour, ne touchez pas le code de départ, cliquez sur le bouton reset pour le récupérer.

    le 30/11/2021 à 10h59

  • meriam

    meriam Admin

    Ajoutez une liste ul contenant deux éléments li come demandés.

    le 30/11/2021 à 10h59

  • frederique12simon-6

    frederique12simon-6

    bonjour pourquoi on me dit que la balise h2 doit avoir du texte il en a non ?

    le 29/10/2021 à 17h17

  • meriam

    meriam Admin

    Bonjour, vous devez respecter le contenu de chaque élément comme demandé.

    le 07/11/2021 à 23h27

  • girardrabiaa-6

    girardrabiaa-6

    Bonjour pouvez vous me dire ce qui ne va pas svp? <!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> <h2>Ma Liste de courses</h2> <ol> <li>Element 5</li> <li>Element 6</li> <li>Element 7</li> </ol> </body> </html>

    le 29/10/2021 à 08h31

  • meriam

    meriam Admin

    Bonjour, placez la balise fermante </h2> directement aprés le contenu du titre sans retour à la ligne.

    le 29/10/2021 à 11h13

  • fadiiboubakrii-71

    fadiiboubakrii-71

    salut , j'ai pas compris ma faute

    le 25/10/2021 à 14h14

  • meriam

    meriam Admin

    Bonjour, il faut respecter la façon dont le contenu de titre h2 est écrit.

    le 25/10/2021 à 15h08

  • kb4357914-87

    kb4357914-87

    quand je clique sur soumettr ils m'ont dit que eLa balise <h2> doit avoir le texte "Ma liste de courses". pourtant cest le cas !!!!

    le 06/10/2021 à 15h19

  • meriam

    meriam Admin

    Bonjour, vous devez supprimer les espaces avant et aprés le contennu des titres.

    le 08/10/2021 à 09h59

  • jp0783550505-22

    jp0783550505-22

    bonjour, pourquoi est ce qu'il me dit "La 2eme balise à l'intérieur de <body> doit être une balise <h2>" suitea ça: <!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> <title> <h2>Ma liste de courses</h2> </title> <ol> <li>de 1</li> <il>de 2</il> <il>de 3</il> </ol> </body> </html>

    le 30/09/2021 à 11h00

  • meriam

    meriam Admin

    Bonjour, la balise h2 n'est pas liée avec la balise title.

    le 30/09/2021 à 13h24

  • meriam

    meriam Admin

    Il suffit de supprimer les balises <title> et </title> qui entrent l'élément h2;

    le 30/09/2021 à 13h25

  • lucie.gonon-3

    lucie.gonon-3

    bonjour je ne comprend pas mon erreur :)

    le 02/07/2021 à 16h13

  • meriam

    meriam Admin

    Bonjour, la 1 ère liste doit contenir 4 éléments li (vous avez 3 éléments uniquement).

    le 03/07/2021 à 00h26

  • ibrahimadatt-1

    ibrahimadatt-1

    bonjour quand je soumets le resultat, il me dis que <h2> doit contenir ma liste de course. pourtant c'est le cas merci pour votre aide

    le 18/06/2021 à 10h26

  • meriam

    meriam Admin

    Bonjour, il faut respecter le contenu demandé pour le titre. Ajoutez la lettre s pour course.

    le 18/06/2021 à 11h37

  • v.boidron-67

    v.boidron-67

    Comment distingue-t-on les éléments type bloc des éléments type inline dans le code ?

    le 02/04/2021 à 10h10

  • meriam

    meriam Admin

    Un élément de type bloc occupe 100% de la page quelque soit le contenu.

    le 05/04/2021 à 11h32

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>