Exercice 5/14

  • En dessous de la balise fermante </head>, ouvrez le corps avec <body> puis fermez-le.

  • Dans le body, ajoutez 2 paragraphes. Chacun d'eux doit commencer en ouvrant la balise <p> et se terminer en fermant la balise </p>. Le contenu de chaque paragraphe s'écrit à l'intérieur, comme ceci :

<body>
    <p>Bienvenue sur  mon site</p>
</body>

Leçon 5/14

Révisons un peu ! Un fichier HTML est constitué de 2 parties placées l'une en-dessous de l'autre :

  • une tête (head) contenant des informations non visibles dans la fenêtre mais utiles pour décrire le document comme le titre
  • un corps (body) accueillant le contenu visible de la page (textes, images, liens, vidéos, etc.)

head et body sont imbriqués dans la balise <html> et title est imbriqué à son tour dans la balise head mais <head> et <body> ne sont pas imbriqués, ils sont juxtaposés, comme ceci :

<html>
  <head>
    <title>Titre de ma page</title>
  </head>

  <body>
  </body>
</html>

Votre code doit ressembler à cela :

<html>
  <head>
    <title>Titre de ma page</title>
  </head>

  <body>
    <p>Texte du premier paragraphe</p>
    <p>Texte du second paragraphe</p>
  </body>
</html>

Commentaires les mieux notés

  • wadd.kaffo-48

    Bonjour lorsque vous dites que la balise <head> décrit un type de document que voulez vous dire? Et lorsque vous dites <body> accueille le contenu visible de la page c'est à dire qu'il montre ce que l'internaute voit comme les fichiers multimédia ou des liens?

  • wadd.kaffo-48

    Qu'est ce qu'une balise <p> exactement?

  • ferdinand.mayega

    C'est assez excitant d'apprendre à coder.

  • luka.sainsily-69

    Bonjour, j'ai effectué l'exercice demandé et il m'indique que j'ai fait une erreur ?!

32 Commentaires

  • wadd.kaffo-48

    wadd.kaffo-48

    Bonjour lorsque vous dites que la balise <head> décrit un type de document que voulez vous dire? Et lorsque vous dites <body> accueille le contenu visible de la page c'est à dire qu'il montre ce que l'internaute voit comme les fichiers multimédia ou des liens?

    le 25/07/2018 à 11h36

  • mram

    mram Administrateur

    C'est la balise DOCTYPE qui définit au navigateur si le langage dans les fichier est du HTML5 ou une autre version de HTML plus ancienne.

    Tout le contenu visible de toutes les pages web (c'est à dire ce qui s'affiche dans la page de votre navigateur) est dans la balise "body".

    Les autres balises "head" "title" ... ne sont là que pour apporter des meta données sur la page web et utile au navigateur pour interpréter correctement la page.

    le 01/08/2018 à 05h42

  • wadd.kaffo-48

    wadd.kaffo-48

    Qu'est ce qu'une balise <p> exactement?

    le 25/07/2018 à 11h37

  • mram

    mram Administrateur

    C'est la balise utilisée pour écrire du corps de texte, des paragraphes.

    le 01/08/2018 à 05h38

  • ferdinand.mayega

    ferdinand.mayega

    C'est assez excitant d'apprendre à coder.

    le 11/01/2018 à 19h10

  • luka.sainsily-69

    luka.sainsily-69

    Bonjour, j'ai effectué l'exercice demandé et il m'indique que j'ai fait une erreur ?!

    le 25/02/2018 à 11h42

  • mram

    mram Administrateur

    Bonjour, la balise "titre" n'existe pas, c'est "title".

    le 01/03/2018 à 22h40

  • luka.sainsily-69

    luka.sainsily-69

    Bizarre je n'ai jamais écrit <titre> mais plutôt <title>...

    le 25/02/2018 à 11h52

  • mram

    mram Administrateur

    Si si, vous aviez écrit "titre" à un de vos essais :)

    le 01/03/2018 à 22h41

  • naik.hadjal

    naik.hadjal

    merci

    le 29/05/2017 à 14h44

  • alkarshi.abdullrahman-80

    alkarshi.abdullrahman-80

    Bonjour j'ai un problème

    le 09/03/2018 à 10h26

  • mram

    mram Administrateur

    Bonjour, vous oubliez de mettre le texte dans la balise "title".

    le 12/03/2018 à 00h10

  • zyrass

    zyrass

    Il n'y a pas de !DOCTYPE de plus, http://puu.sh/mCHA7/d747173a70.png il y a une petite faute de frappe.

    le 20/01/2016 à 13h25

  • sergentba-18

    sergentba-18

    Bonjour, je n'arrive ps à soumettre mon code alors que j'ai respecté les consignes Pouvez vus m'aider svp?

    le 27/02/2018 à 09h04

  • mram

    mram Administrateur

    Bonjour, il manque la balise "title".

    le 01/03/2018 à 23h17

  • david.delahaye06-5

    david.delahaye06-5

    bonjour je suis l 'astuce mais je comprends mon erreur.

    le 15/05/2018 à 12h33

  • mram

    mram Administrateur

    Bonjour, la balise "p" doit être dans "body". Et il ne faut pas oublier la balise "title" pour autant.

    le 18/05/2018 à 05h40

  • colettentab-43

    colettentab-43

    salut j'ai pas compris le 5em exercice

    le 18/08/2018 à 14h40

  • mram

    mram Administrateur

    Tout le code que l'on vous demande de rajouter doit se trouver dans la balise "body".

    le 28/08/2018 à 22h38

  • MAKA.NGOIE-100

    MAKA.NGOIE-100

    Est-on "obligée" de faire des tabulations pour les balises intérieures? (lignes 3, 4, 5, 7 et 8)

    le 30/01/2018 à 22h32

  • mram

    mram Administrateur

    Bonjour, la règle veut que toute balise inclue dans une autre a une tabulation supplémentaire par rapport à la balise de niveau supérieur.

    le 05/02/2018 à 10h33

  • jeannotmengue99-29

    jeannotmengue99-29

    bonjour je suis bloque j'ai perdu les etapes

    le 31/05/2018 à 11h43

  • mram

    mram Administrateur

    Bonjour, il faut mettre le code dans la balise "body" et non après.

    le 02/06/2018 à 05h15

  • annaolives86

    annaolives86

    Bonjour, je voudrais savoir si mon code est correct?

    le 17/10/2017 à 22h58

  • mram

    mram Administrateur

    Bonjour, oui votre code est correct :)

    le 19/10/2017 à 01h15

  • kderder

    kderder

    Bonjour, je suis bloqué pour la création du paragraphe?

    le 24/08/2017 à 14h11

  • kderder

    kderder

    J'ai mis cela mais ça marche pas: <html> <head> <title>Titre de ma page</title> </head> <body> <p>Texte du second paragraphe</p> <p>Texte du second paragraphe</p> </body> </html>

    le 24/08/2017 à 14h16

  • mram

    mram Administrateur

    Bonjour, vous avez oublié la balise <!DOCTYPE html> que vous aviez pourtant mis au début...

    le 24/08/2017 à 22h17

  • flavio.pilabl

    flavio.pilabl

    Je ne comprends pas, je fait tout mais il y a apparement une erreure

    le 02/08/2017 à 22h38

  • mram

    mram Administrateur

    Bonjour, oui la balise "title" doit être dans "head" et non dans "body". Votre dernière version du code est correcte.

    le 05/08/2017 à 10h29

  • weamix16

    weamix16

    La couleur des balises est infâme pour les daltoniens

    le 18/11/2017 à 20h47

  • mehd.naf.56-14

    mehd.naf.56-14

    bonjour je suis bloqué à l'exercice 6 de la serie html car quand je vois l'option activer javascript rien ne fonctionne, un simple clic sur quelque chose rien ne se passe j'aimerai comprendre cette cause.

    le 28/06/2018 à 15h21

  • mram

    mram Administrateur

    Bonjour,

    Cette erreur a été remontée. Il n'y a pas de Javascript dans cet exercice sur le HTML, le bouton "javascript" sera supprimer.

    Merci pour le retour.

    le 05/07/2018 à 03h57

  • sobak

    sobak

    j'ai mis cela, et ça ne marche pas: <!DOCTYPE html> <html> <head> <litle>Titre de ma page </litle> </head> <body> <p>Corps de ma page</p> <p>Bienvenue sur ma page</p> </body> </html>

    le 09/11/2017 à 12h08

  • mram

    mram Administrateur

    Bonjour, ce n'est pas "litle" mais "title" la balise pour le titre de la page.

    le 11/11/2017 à 14h35

  • gomis.t-31

    gomis.t-31

    bonjour jai réussi à passer l'etape5 mais je peux absolument rien faire dans l'etape 6 pouvez vous m'aider

    le 02/07/2018 à 15h44

  • mram

    mram Administrateur

    Bonjour, l'erreur a déjà été remontée, merci pour le retour.

    le 05/07/2018 à 05h05

  • Thismas.78-79

    Thismas.78-79

    Moi je n'ai pas de problème!!!

    le 20/03/2018 à 19h17

  • prasanthy10-34

    prasanthy10-34

    Je suis bloquée sur l étape 5, pouvez vous m'aidez?

    le 20/07/2018 à 19h29

  • mram

    mram Administrateur

    Il manque du contenu dans la balise "title".

    le 01/08/2018 à 04h58

  • sliti.fakhri-37

    sliti.fakhri-37

    mon premier jour de formation comme si comme si j'étais poussé du haut d'une falaise dans des rapides plus de retour c'est magnifique le codage merci à toute l'équipe 3wa Tunisie

    le 04/03/2019 à 21h50