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

  • f.64-93

    f.64-93

    Ne pas mettre les " " au titre et ainsi éviter un message d'erreur

    le 11/06/2019 à 15h28

  • willem-christophe-paris-26

    willem-christophe-paris-26

    GRR

    le 19/11/2019 à 16h56

  • laurence.koubi

    laurence.koubi

    Oui une différence de rendu, ici avec les "puces" précédemment avec des n°

    le 10/02/2017 à 12h50

  • s-cantier-42

    s-cantier-42

    Erreur(s) : La balise <p> ne doit pas être vide.

    le 10/02/2020 à 16h25

  • mellewanadoo-60

    mellewanadoo-60

    message d'erreur la balise <p> ne doit pas être vide

    le 03/02/2020 à 10h55

20 Commentaires

  • 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 à 11h31

  • 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 à 12h30

  • thiebauteddie-77

    thiebauteddie-77

    J'ai réussi l'exercice mais je ne comprends pas la différence entre les balises <ol> et <ul> , des listes ordonnées et les listes non ordonnées... vu que sur la console ça s'affiche quand même dans l' ordre !???

    le 12/04/2020 à 18h07

  • meriam

    meriam Admin

    ul : est une liste non ordonnée (unordered list) , les éléments de cette liste sont présentés par des puces. ol :une liste ordonné (ordered list), les éléments de cette liste sont ordonnés (numérotés)

    le 13/04/2020 à 03h17

  • f.64-93

    f.64-93

    Ne pas mettre les " " au titre et ainsi éviter un message d'erreur

    le 11/06/2019 à 15h28

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