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

112 Commentaires

  • bonnarde.sylvie-70

    bonnarde.sylvie-70

    je ne peux pas reproduire les exercices que vous nous montrez

    le 23/01/2023 à 10h19

  • Patricio M

    Patricio M Admin

    Sylvie, je ne comprends pas le mot REPRODUIRE?? ici ou sur un autre éditeur?

    le 23/01/2023 à 13h32

  • dfradin-5

    dfradin-5

    Bon, j'ai tout retapé et ça marche, finalement.

    le 25/10/2022 à 07h59

  • Patricio M

    Patricio M Admin

    Cool!!

    le 25/10/2022 à 08h17

  • caitline.as-21

    caitline.as-21

    Pb réglé, j'avais la fermeture de head après celle du body ^^'

    le 04/06/2022 à 15h15

  • meriam

    meriam Admin

    Bonjour, on peut pas imbriquer l'élément body à l'intérieur de head, l'élément body doit être placé juste aprés la balise feramante de l'élément head.

    le 07/06/2022 à 13h51

  • caitline.as-21

    caitline.as-21

    Bonjour, ça ne veut pas se valider et pourtant il me semble que tout est correct dans le positionnement et les ouvertures/fermetures :(

    le 04/06/2022 à 15h09

  • meriam

    meriam Admin

    Bonjour, l'élément body ne peut pas être imbriqué à l'intérieur de l'élément head, se sont parties séparées, l'élément head sert à contenir des informations qui seront utiles pour les navigateurs et les moteurs de recherches, le contenu de cette partie est invisble pour les utilisateurs du site.

    le 08/06/2022 à 12h52

  • meriam

    meriam Admin

    La 2 ème partie d'une page html body contient tout le contenu d'un site web, tou ce qui est affiché sur une page web doit être inséré dans cette partie.

    le 08/06/2022 à 12h53

  • crocokill06-94

    crocokill06-94

    c set quoi ce bon ????

    le 10/05/2022 à 12h51

  • meriam

    meriam Admin

    Bonjour, cet exercice sert à découvrir comment insérer un paragraphe avec la balise p.

    le 10/05/2022 à 21h31

  • crocokill06-94

    crocokill06-94

    <!DOCTYPE html> <html> <head>bjr </head> <body> <p>Bienvenue cv</p> </body> </html>

    le 10/05/2022 à 12h50

  • farah.ibn60-30

    farah.ibn60-30

    LENASS

    le 27/04/2022 à 12h35

  • meriam

    meriam Admin

    Bonjour, quel est votre problème exactement???

    le 28/04/2022 à 12h35

  • goodsemani-65

    goodsemani-65

    Bonjour je n'arrive pas à écrire sur la zone de texte

    le 12/04/2022 à 11h06

  • meriam

    meriam Admin

    Bonjour,je ne vois aucun essai.

    le 14/04/2022 à 13h00

  • mvilla-61

    mvilla-61

    quel est le problème? <!DOCTYPE html> <html> <head> </head> <body> <p>Bienvenue sur mon site!</p> <p>test</p> </body> </html>

    le 24/01/2022 à 15h30

  • meriam

    meriam Admin

    Bonjour, même ce code est correct.

    le 25/01/2022 à 09h58

  • lukas.nabet3101-6

    lukas.nabet3101-6

    <!Doctype html> <html> <head> <title>Titre de ma page</title> </head> <body> <p>paragraphe1</p> <p>paragraphe 2</p> </body> </html>

    le 24/11/2021 à 14h00

  • meriam

    meriam Admin

    Bonjour, quel votre problème?

    le 24/11/2021 à 14h53

  • laurent.coldre-50

    laurent.coldre-50

    bonjour, ce message apparait alors même que je suis sûr de mon code . Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ?

    le 30/08/2021 à 13h58

  • meriam

    meriam Admin

    Bonjour, votre code est correct. Ne tenez pas compte du message affiché.

    le 31/08/2021 à 01h08

  • vincentpelletier91-98

    vincentpelletier91-98

    bonjour ! je suis clairement bloqué j'ai suivi l'astuce mais cela ne marche pas

    le 17/05/2021 à 12h01

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 20/05/2021 à 08h39

  • gasson.gabin-10

    gasson.gabin-10

    cheh

    le 16/03/2021 à 14h55

  • meriam

    meriam Admin

    Bonjour, est ce que vous avez un problème??

    le 17/03/2021 à 09h32

  • tillchatel-72

    tillchatel-72

    merci pour les clientsfideles

    le 15/03/2021 à 15h29

  • meriam

    meriam Admin

    Bonjour, vous devez ajouter deux paragraphes à l'intérieur de la partie body.

    le 16/03/2021 à 10h31

  • z.james05-22

    z.james05-22

    bonjour je suis bloqué sur l'exo 5

    le 17/12/2020 à 21h05

  • meriam

    meriam Admin

    Vous devez ajouter du contenu entre la balise ouvrante <p> et la balise fermante</p>

    le 23/12/2020 à 13h04

Pour publier un commentaire, vous devez vous connecter.
index.html
<!DOCTYPE html> <html> <head></head> </html>
http://localhost:8080