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 ?
- En premier, on ouvre la liste non ordonnée avec la balise
<ul>
("unordered list"). - Puis on ajoute chaque élément entre les balises
<li>
comme pour les listes ordonnées. - 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>
_
101 Commentaires
-
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 Admin
Ton code est bon!
le 06/03/2023 à 07h47
-
hadjerbenhadid86-74
j'ai toujours le même prbl avec les titre <h1> !!le 07/02/2023 à 14h10
-
Patricio M Admin
Enlève les "
le 07/02/2023 à 17h07
-
juliendomi7878-68
je ne vois pas mon erreur?le 07/10/2022 à 10h36
-
Patricio M Admin
ton dernier code est bon
le 11/10/2022 à 07h03
-
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 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
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 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
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 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
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 Admin
Il faut commencer par la création du paragraphe puis la création d'une liste.
le 01/07/2022 à 14h31
-
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 Admin
Bonjour, la balise p permet d'ajouter un paragraphe au niveau d'une page web
le 01/07/2022 à 14h30
-
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ésle 18/08/2021 à 15h10
-
meriam Admin
Bonjour, votre dernier code est correct.
le 31/08/2021 à 00h45
-
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 fairele 09/06/2021 à 19h44
-
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
<!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 Admin
Bonjour, supprimez la balise fermante p placée aprés la balise fermante ul.
le 05/03/2021 à 08h30
-
giesbertaurelien-74
HELP! J'ai essayé une bonne vingtaine de fois, je ne comprends pas ce qui bugue. Merci d'avancele 20/02/2021 à 11h48
-
meriam Admin
Bonjour, vous avez une balise inutile p.
le 22/02/2021 à 11h23
-
meriam Admin
La balise p doit être entre le titre et la liste.
le 22/02/2021 à 11h24
-
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
bonjour , jai recu un message derreur en disant que la balise <p> et vide sachant que jai bien ecrit dedantle 17/07/2020 à 12h36
-
meriam Admin
Bonjour, la balise fermante h1 n'est pas fermé correctement.
le 17/07/2020 à 12h38
-
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 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
Commentaires les mieux notés