Exercice 4/16

  • Dans le <body>, ajoutez un titre de niveau <h3> avec le texte : "Les plus grands groupes de rock".
  • Créez avec <ol> une liste ordonnée du top 3 des plus grands groupes de rock selon vous. Rappelez-vous : on place les éléments entre des balises <li>.
  • N'oubliez pas de fermer la liste ordonnée avec la balise </ol>.
  • En-dessous de cette liste, créez un titre de niveau <h2> qui s'appelle "3 choses à faire en priorité".
  • Enfin, créez une deuxième liste de choses à faire.

Leçon 4/16

Les listes ordonnées sont parfaites pour rendre un texte lisible lorsqu'il s'agit d'énumérer des choses. Comme c'est une "double-balise", n'hésitez pas à revenir à l'exercice précédent pour vous remémorer sa syntaxe !

_

Rappelez-vous qu'une liste ordonnée, cela ressemble à ça :

<ol>
    <li>De la pâte à tartiner aux noisettes</li>
    <li>Des madeleines</li>
    <li>Du jus de pomme</li>
</ol>

_

Commentaires les mieux notés

234 Commentaires

  • samaityoucef-28

    samaityoucef-28

    bonjour je comprend pas pour il m'écrit erreur, voici mon code <!DOCTYPE html> <html> <head> <title></title> </head> <body> <h3>Les plus grands groupes de rock</h3> <ol> <li>The Beatles</li> <li>The Rolling Stones</li> <li>Pink Floyd. Acteur</li> </ol> <h2>3 choses à faire en priorité</h2> <lo> <li>Profiter de la vie</li> <li>Retrouver nos vraies passions</li> <li>Etre heureux</li> </lo> </body> </html>

    le 03/10/2022 à 15h21

  • Patricio M

    Patricio M Admin

    Le dernier code est bon!

    le 04/10/2022 à 09h34

  • viper-art-3

    viper-art-3

    bonjour je ne comprend pas le texte en h2 est bon

    le 13/06/2022 à 13h08

  • meriam

    meriam Admin

    Bonjour, pour créer des éléments de la liste, il faut utiliser les balises <li>, je vois que avez utilisé les balises <i>.

    le 13/06/2022 à 13h54

  • ronanlepriol-51

    ronanlepriol-51

    voici mon code je ne comprends pas pourquoi cela ne fonctionne pas merci

    le 03/06/2022 à 17h57

  • meriam

    meriam Admin

    Bonjour, il faut créer une autre liste aprés le titre h2.

    le 08/06/2022 à 13h21

  • ronanlepriol-51

    ronanlepriol-51

    <!DOCTYPE html> <html> <head> <title></title> </head> <body> <h3>Les plus grands groupes de rock</h3> <ol> <li>Element 1</li> <li>Element 2</li> <li>Element 3</li> </ol> <h2>3 choses à faire en priorité</h2> </body> </html>

    le 03/06/2022 à 17h56

  • meriam

    meriam Admin

    Bonjour, il faut ajouter une 2ème liste aprés le titre h2.

    le 08/06/2022 à 13h20

  • clement.cribelier126-24

    clement.cribelier126-24

    bonjour, je ne comprend pas pourquoi ça ne fonctionne pas : j'ai pourtant bien enlkevé les guillemets, vérifier l'orthographe et la syntaxe

    le 29/04/2022 à 16h25

  • meriam

    meriam Admin

    Bonjour, pour le titre h2, il faut écrire les balises et le contenu sur la même ligne.

    le 05/05/2022 à 11h45

  • j.b11-24

    j.b11-24

    ou es mon erreur svp </head> <body> <h3>les plus grands groupes de Rock</h3> <ol> <li> Rolling stones </li> <li> Scorpion </li> <li> AD/DC </li> </ol> <h2>3 choses à faire en priorité</h2> <ol> <li> Finir ma formation </li> <li> Sortir mon clip </li> <li> Ajuster mes lunettes </li> </ol> </body> </html>

    le 12/04/2022 à 08h53

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 14/04/2022 à 13h05

  • therry.muhemedi-76

    therry.muhemedi-76

    Je ne comprends pourquoi ça bloque

    le 21/02/2022 à 09h28

  • meriam

    meriam Admin

    Bonjour, au niveau du titre, il faut supprimer les guillemets et le '.'

    le 21/02/2022 à 16h35

  • k10188k-54

    k10188k-54

    <!DOCTYPE html> <html> <head> <title></title> </head> <body> <h3>"Les plus grands groupes de rock".</h3> <ol> <li>ldhb</li> <li>fhbvkjbmkj</li> <li>jdbcmkjqbfvm</li> </ol> <h2>"3 choses à faire en priorité".</h2> <ol> <li>apprendre a codé</li> <li>kbsfkjvbqmdkfjvb</li> <li>et apprendre la dactylo</li> </ol> </body> </html>

    le 30/01/2022 à 17h21

  • meriam

    meriam Admin

    Bonjour, pour le contenu de h2 et h3, il faut supprimer les guillemets.

    le 31/01/2022 à 11h08

  • meriam

    meriam Admin

    pour les éléments li, ajoutez un simpe contenu textuel.

    le 31/01/2022 à 11h08

  • k10188k-54

    k10188k-54

    il me semble que sait correct

    le 30/01/2022 à 17h21

  • meriam

    meriam Admin

    Bonjour, le contenu de h2 est sans guillemets,de même pour h3

    le 31/01/2022 à 11h09

  • hajar.elmoudden.88-34

    hajar.elmoudden.88-34

    <!DOCTYPE html> <html> <head> <title></title> </head> <body> <h3> Les plus grands groupe de rock </h3> <ol> <li> rock </li> <li> rock</li> <li> rock </li> </ol> <h2> 3 choses à faire en priorité </h2> <ol> <li> s'occupée de mon fils </li> <li> manger </li> <li> sortir </li> </ol> </body> </html>

    le 29/12/2021 à 14h57

  • meriam

    meriam Admin

    Bonsoir, il faut supprimer les espaces avant et aprés les balises h2 et h3

    le 02/01/2022 à 22h18

  • corbisier.wilhem-23

    corbisier.wilhem-23

    bonjour je ne comprend pas cette exercice

    le 22/12/2021 à 09h34

  • meriam

    meriam Admin

    Bonjour, qu'est ce que vous n'avez aps compris??

    le 22/12/2021 à 13h58

  • nerouzali83-14

    nerouzali83-14

    <h3>les plus grands groupes de rock</h3>

    le 02/11/2021 à 19h34

  • meriam

    meriam Admin

    Bonjour, quel est le message d'erreur affiché?

    le 08/11/2021 à 20h55

  • nerouzali83-14

    nerouzali83-14

    bonjour,je n'arrive à savoir ou est le problème! la balise <h3> doit avoir le texte "les plus grands groupes de rock"

    le 02/11/2021 à 19h33

  • meriam

    meriam Admin

    Bonjour, ecrivez la 1 du titre h3 ere lettre en majuscule;

    le 08/11/2021 à 21h04

  • quentindac43-87

    quentindac43-87

    Bonjour, je vois pas mon erreur, boulce infinie alors que j'ai l'impression que mon code est juste

    le 02/11/2021 à 14h38

  • meriam

    meriam Admin

    Bonjour, la 2 ème liste doit être au desous du titre h2.

    le 08/11/2021 à 20h40

  • elattarmouad651-54

    elattarmouad651-54

    ou il est le probleme <!DOCTYPE html> <html> <head> <title>Boulot</title> </head> <body> <h3>"Les plus grands groupes de rock".</h3> <ol> <li>Iron maiden</li> <LI>Rollings stones</LI> <li>jimi hendrix</li> </ol> <h2> "3 choses à faire en priorité".</h2> <o1> <li>réviser</li> <li>apprendre</li> <li>pratiquer</li> </o1> </body> </html>

    le 30/10/2021 à 14h01

  • meriam

    meriam Admin

    Bonjour, ecrivez les balises en miniscule.

    le 07/11/2021 à 23h39

index.html
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>