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

  • erik.louna.neuner-56

    SVP message erreur :la balise<h1>doit avoir le texte Mes idées....

  • Bopzor

    Bonjour, lors du submit il est exigé 3 élements de liste hors celà n'est pas préciser dans le sujet. Merci !

  • Lux

    auriez-vous une solution a cela s'il vous plait car ça deviens handicapant.

  • aymoh-14

    a balise <h1> doit avoir le texte "Mes idées à réaliser un jour".

21 Commentaires

  • Bopzor

    Bopzor

    Bonjour, lors du submit il est exigé 3 élements de liste hors celà n'est pas préciser dans le sujet. Merci !

    le 16/03/2018 à 17h11

  • ali_alhashim

    ali_alhashim

    Bonjour j'ai ajouté ces ligne dans body : <h1>Mes idées à réaliser un jour</h1> <p>Faire le tour du monde</p> <u1> <li> Mongolie </li> <li> Australie </li> <li> Cuba </li> </u1>

    le 01/09/2017 à 21h34

  • mram

    mram Administrateur

    Bonjour, attention vous mettez u1 alors que c'est ul ...

    le 06/09/2017 à 10h24

  • zakaria.chawqi-24

    zakaria.chawqi-24

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

    le 25/01/2019 à 01h57

  • meriam

    meriam Administrateur

    le paragraphe doit etre placé avant la liste non ordonnée.

    le 25/01/2019 à 11h26

  • 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

  • erik.louna.neuner-56

    erik.louna.neuner-56

    SVP toujours bloqué!Merci de votre aide.

    le 24/12/2018 à 15h36

  • meriam

    meriam Administrateur

    Remplacez Mes idéés à réaliser un jour par Mes idées à réaliser un jour

    le 24/12/2018 à 15h47

  • nkeshimanabrice-37

    nkeshimanabrice-37

    Bonjour je vois pas ou reside l'erreur on me dit de d'ouvrir et fermer la balise au bon endroit mais je l'ai fait

    le 29/08/2018 à 10h06

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ? De quelle balise s'agit-il ?

    le 06/09/2018 à 05h56

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