Exercice 5/16

  • Dans le <body>, créez un titre de niveau <h1> avec le texte "Mes idées à réaliser un jour".
  • En-dessous de ce titre, ajoutez un paragraphe avec <p> en guide d'introduction à votre liste.
  • Enfin, avec la balise <ul>, créez une liste non ordonnée énumérant les projets qui vous tiennent à cœur, chacun devant être écrit entre des balises <li> et </li>.

Leçon 5/16

Les listes ordonnées conviennent quand on veut représenter une suite, un ordre ou une hiérarchie mais pour établir une liste à la Prévert ?

<h2>Inventaire de Jacques Prévert</h2>
<ul>
    <li>Une douzaine d'huîtres</li>
    <li>Six musiciens</li>
    <li>Un raton laveur</li>
</ul>

Voyez-vous une différence ?

  1. En premier, on ouvre la liste non ordonnée avec la balise <ul> ("unordered list").
  2. Puis on ajoute chaque élément entre les balises <li> comme pour les listes ordonnées.
  3. En dernier lieu, pour annoncer la fin, on ferme la balise </ul>.

_

Voilà à quoi ressemble une liste non ordonnée :

<ul> 
    <li> un élément </li>
    <li> un autre élément </li>
</ul>

_

Commentaires les mieux notés

101 Commentaires

  • vincent.tripier-93

    vincent.tripier-93

    <!DOCTYPE html> <html> <head> <title>Listes désordonnées</title> </head> <body> <h1>Mes idées à réaliser un jour</h1> <p> <ul> <l1>nager</l1> <l1>manger</l1> <l1>boire</l1> <l1>dormir</l1> </ul></p> </body> </html>

    le 04/03/2023 à 13h03

  • Patricio M

    Patricio M Admin

    Ton code est bon!

    le 06/03/2023 à 07h47

  • hadjerbenhadid86-74

    hadjerbenhadid86-74

    j'ai toujours le même prbl avec les titre <h1> !!

    le 07/02/2023 à 14h10

  • Patricio M

    Patricio M Admin

    Enlève les "

    le 07/02/2023 à 17h07

  • juliendomi7878-68

    juliendomi7878-68

    je ne vois pas mon erreur?

    le 07/10/2022 à 10h36

  • Patricio M

    Patricio M Admin

    ton dernier code est bon

    le 11/10/2022 à 07h03

  • Cod3witch

    Cod3witch

    Je crois avoir compris ! Je pensais que la liste devait s'imbriquer dans le paragraphe mais en réalité on doit écrire un paragraphe d'introduction, puis faire la liste. Merci !

    le 01/07/2022 à 12h30

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 03/07/2022 à 15h36

  • Cod3witch

    Cod3witch

    Je crois avoir compris ! Je pensais que la liste devait s'imbriquer dans le paragraphe mais en réalité on doit écrire un paragraphe d'introduction, puis faire la liste. Merci :)

    le 01/07/2022 à 12h29

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 01/07/2022 à 14h33

  • Cod3witch

    Cod3witch

    Je crois avoir compris ! Je pensais que la liste devait s'imbriquer dans le paragraphe mais en réalité on doit écrire un paragraphe d'introduction, puis faire la liste. Merci :)

    le 01/07/2022 à 12h29

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 03/07/2022 à 15h36

  • Cod3witch

    Cod3witch

    Je crois avoir compris ! Je pensais que la liste devait s'imbriquer dans le paragraphe mais en réalité on doit écrire un paragraphe d'introduction, puis faire la liste. Merci :)

    le 01/07/2022 à 12h29

  • meriam

    meriam Admin

    Il faut commencer par la création du paragraphe puis la création d'une liste.

    le 01/07/2022 à 14h31

  • Cod3witch

    Cod3witch

    Bonjour, je pensais que <p>xxx</p> servait à encadrer le paragraphe, mais peut-être que ce n'est pas ce qui est demandé? est-ce qu'il faut d'abord créer un paragraphe, puis créer une liste qui est un autre paragraphe? Ou est-ce que les balises <p></p> se mettent en début pour simplement créer un titre de paragraphe? plus clairement: le <p> crée t il un paragraphe qu'il faudra fermer ensuite, ou crée t il un titre de paragraphe et la balise fermante ferme le titre? j'espère que je suis claire :(

    le 01/07/2022 à 12h23

  • meriam

    meriam Admin

    Bonjour, la balise p permet d'ajouter un paragraphe au niveau d'une page web

    le 01/07/2022 à 14h30

  • ow.fatmi-66

    ow.fatmi-66

    bonjour cela me marque "Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ?" alors que toute mes balises sont fermés

    le 18/08/2021 à 15h10

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 31/08/2021 à 00h45

  • bilismira-75

    bilismira-75

    Bonjour, je suis bloqué . Ca me dis de mettre Mes idées à réaliser un jour dans la balise <h1> alors qu'il y est. Je ne sais quoi faire

    le 09/06/2021 à 19h44

  • meriam

    meriam Admin

    Bonjour, vous devez supprimer les espaces inutiles juste aprés la balise ouvrante h1 et avant la balise fermante </h1>;

    le 10/06/2021 à 10h36

  • norahtevanee-27

    norahtevanee-27

    <!DOCTYPE html> <html> <head> <title>Listes désordonnées</title> </head> <body> <h1>Mes idées à réaliser un jour</h1> <p>faire le tour du monde</p> <ul> <li>oui</li> <li>non</li> <li>annuler</li> </ul> </p> </body> </html>

    le 04/03/2021 à 15h29

  • meriam

    meriam Admin

    Bonjour, supprimez la balise fermante p placée aprés la balise fermante ul.

    le 05/03/2021 à 08h30

  • giesbertaurelien-74

    giesbertaurelien-74

    HELP! J'ai essayé une bonne vingtaine de fois, je ne comprends pas ce qui bugue. Merci d'avance

    le 20/02/2021 à 11h48

  • meriam

    meriam Admin

    Bonjour, vous avez une balise inutile p.

    le 22/02/2021 à 11h23

  • meriam

    meriam Admin

    La balise p doit être entre le titre et la liste.

    le 22/02/2021 à 11h24

  • ramassamyyannick-72

    ramassamyyannick-72

    royal salutations a tous voici la solution <h1>Mes idées à réaliser un jour</h1>

    le 06/02/2021 à 00h24

  • fadoua.lahkim-8

    fadoua.lahkim-8

    bonjour , jai recu un message derreur en disant que la balise <p> et vide sachant que jai bien ecrit dedant

    le 17/07/2020 à 12h36

  • meriam

    meriam Admin

    Bonjour, la balise fermante h1 n'est pas fermé correctement.

    le 17/07/2020 à 12h38

  • amandine.douguedroit-94

    amandine.douguedroit-94

    Que faire quand le message d'erreur affiche "La balise <p> ne doit pas être vide.", tandis que mon code est bon ?

    le 13/04/2020 à 07h31

  • meriam

    meriam Admin

    Bonjour, le p doit être aprés le titre h1 et avant la liste ul. La liste ul ne doit être imbriquée dans p.

    le 13/04/2020 à 08h30

index.html
<!DOCTYPE html> <html> <head> <title>Listes désordonnées</title> </head> <body> </body> </html>