Exercice 6/14

  • Dans la section body du document index.html, ajoutez un titre de paragraphe :
        a. créez une balise ouvrante <h1>
        b. Rédigez votre titre
        c. Fermez avec la balise fermante </h1> (Votre titre devrait maintenant se situer entre <h1> et </h1>)
  • Sous ce titre, ajoutez 2 paragraphes avec les balises <p> en écrivant ce que bon vous semble.

Leçon 6/14

Avec les quelques balises que vous venez d'apprendre, vous pouvez désormais créer une page web, certes basique, mais le principe est acquis. Vous savez :

  1. Structurer un document HTML avec les balises <html> , <head> et <body>
  2. Décrire votre document avec la balise <title> imbriquée dans le <head>
  3. Mettre un texte en forme à l'aide de paragraphes avec la balise <p>

Pour que votre texte ne soit pas un pavé imbuvable, il faut le hiérarchiser. Cela commence par lui donner un titre. La balise <h1> vous permet d'encadrer le titre le plus important.

Petit rappel : les paragraphes utilisent les balises ouvrante et fermante <p> et </p> !

Commentaires les mieux notés

  • lounatisfaudeux-19

    bonjour pourriez vous me dire ce qu'il ne va pas dans mon essai s'il vous plaît?

  • enohhenrya-25

    C'est raté ce coup-ci, enohhenrya-25 ! Erreur(s) : Vous ne devez pas modifier le contenu de la balise title

  • solopierr

    Pourquoi l'ouverture et la fermeture du balise 'title' n'est pas dans le bon endroit or on voit dans le résultat que c'est bon

  • josephine.idey

    On m'indique une erreur: la balise h1 doit être placée avant les balises p, c'est pourtant ce que j'ai fait. <!DOCTYPE html> <html> <head> <title> Titres et Paragraphes </title> </head> <body> <h1>Titre 1</h1><br/> <p>pepito</p><br/> <p>mi corazon</p> </body> </html>

39 Commentaires

  • lounatisfaudeux-19

    lounatisfaudeux-19

    bonjour pourriez vous me dire ce qu'il ne va pas dans mon essai s'il vous plaît?

    le 15/05/2018 à 22h06

  • mram

    mram Administrateur

    Bonjour, la structure de base de la page n'est pas bonne. Tout le code visible à l'écran d'une page web doit être dans la balise "body".

    le 18/05/2018 à 05h45

  • solopierr

    solopierr

    Pourquoi l'ouverture et la fermeture du balise 'title' n'est pas dans le bon endroit or on voit dans le résultat que c'est bon

    le 14/06/2017 à 15h56

  • josephine.idey

    josephine.idey

    On m'indique une erreur: la balise h1 doit être placée avant les balises p, c'est pourtant ce que j'ai fait. <!DOCTYPE html> <html> <head> <title> Titres et Paragraphes </title> </head> <body> <h1>Titre 1</h1><br/> <p>pepito</p><br/> <p>mi corazon</p> </body> </html>

    le 07/03/2017 à 14h25

  • gauthier.b68

    gauthier.b68

    Bonjour, mon espace "résultat" reste toujours vide donc je ne voie pas ce que je fait mais que des "correcte" que faire? merci

    le 11/08/2016 à 09h41

  • mram

    mram Administrateur

    @badolc2 : vos balise "h1" et "p" ne sont pas dans <body> ....

    le 16/09/2016 à 14h47

  • mram

    mram Administrateur

    Bonjour, c'est normal, il n'y a pas besoin de l'onglet "résultats" pour faire certains exercices.

    le 16/08/2016 à 10h27

  • mram

    mram Administrateur

    Les balises "h1" ne doivent jamais être dans une balise "p".

    le 06/02/2017 à 01h29

  • celuce.krups

    celuce.krups

    En soumettant ma réponse, j'ai un message qui me dit que je n'ai pas mis les balises <p> et </p> alors que celles-ci figurent bien dans mon exercice. Je ne comprends pas ce que j'ai fais comme erreur. Quelqu'un pourrait m'aider à corriger celà?

    le 25/05/2016 à 21h15

  • mram

    mram Administrateur

    Lignes 9 et 10, pas besoin de <br/> à la fin.

    le 09/03/2017 à 01h02

  • mram

    mram Administrateur

    Bonjour, il faut mettre votre code entre les balises <body> et non les balises <title>.

    le 25/05/2016 à 21h15

  • Chepard

    Chepard

    +1 Badolc parce que c'est louche.J'ai l'impression de trop mettre et me compliquer la vie pour rien.Dans cette exercice j'ai ajouté une ligne en plus sans voir le titre dans le résultat

    le 01/12/2016 à 02h30

  • mram

    mram Administrateur

    Il faut ajouter les balises demandées dans la balise <body></body>. Et le résultat s'affiche bien dans la fenêtre de rendu.

    le 02/12/2016 à 13h38

  • hermannhouedanou

    hermannhouedanou

    <!DOCTYPE html> <html> <head> <title> Bienvenu chez moi </title> </head> <body> <p><h1>LECON 1</h1> <p>Danse Danse sans moi</p> <p>Danse danse dans boite</p> </body> </html> voici ce que j'ai fais mais a chaque fois je sousmet cela m'indique un point d'exclamation... La faute est où SVP

    le 24/08/2016 à 19h32

  • mram

    mram Administrateur

    Ligne 9 il y a un <p> en trop ...

    le 25/08/2016 à 23h15

  • lm.monlouis

    lm.monlouis

    Ici quand je soumet ma réponse j'ai une alerte orange avec seulement le point d’exclamation sans autre indication est-ce normal?

    le 03/02/2017 à 13h38

  • badolc2

    badolc2

    A la formation on va mieux comprendre, pareil que vous.

    le 14/09/2016 à 23h03

  • martinscarla601

    martinscarla601

    je n'arrive pas à voir mon erreur s'il vous plais

    le 22/12/2017 à 17h15

  • mram

    mram Administrateur

    Bonjour, les balises "p" qui sont dans la balise "title" sont inutiles ... Tout le code HTML doit être dans la balise "body".

    le 23/12/2017 à 17h32

  • CodyLeCodingue

    CodyLeCodingue

    Bonsoir, C'EST RATE ? :) ??? ---- <!DOCTYPE html> <html> <head> <title> Titres et Paragraphes </title> </head> <body> <p><h1>BLABLABLA</h1> dfhgjkdhgdjkshgjdksfhgjkdsfhgjdskhgskdlfhgjksdfhgjkdsfhgjkdsfhgkjdfshgkjdsfhgjkdfhgjkdfhgkjdfhgjkdfhgjkdfhgjkdfhgjkdfhgjk</p> <p><h1>BLABLABLA</h1>dfhgjkdhgdjkshgjdksfhgjkdsfhgjdskhgskdlfhgjksdfhgjkdsfhgjkdsfhgkjdfshgkjdsfhgjkdfhgjkdfhgkjdfhgjkdfhgjkdfhgjkdfhgjkdfhgjk</p> <p><h1>BLABLABLA</h1>dfhgjkdhgdjkshgjdksfhgjkdsfhgjdskhdfhgjkdsfhgjkdsfhgkjdfshgkjdsfhgjkdfhgjkdfhgkjdfhgjkdfhgjkdfhgjkdfhgjkdfhgjkdhfgjkhdf</ </body> </html>

    le 30/08/2017 à 21h06

  • mram

    mram Administrateur

    Bonjour, oui il ne fallait pas mettre le "h1" dans le "p" mais avant.

    le 06/09/2017 à 09h45

  • morgane.dubourg95-42

    morgane.dubourg95-42

    <!DOCTYPE html> <html> <head> <title> Titres et Paragraphes </title> </head> <body> <h1><p>hello</p></h1> <p>htykogurnuegn</p> <h1><p>bienvenu</p></h1> <p>azertyuiop</p> </body> </html>

    le 25/02/2019 à 19h14

  • meriam

    meriam Administrateur

    il est demané de créer un seul titre h1 pas deux. Votre titre devrait maintenant se situer entre < h1> et < /h1>, donc supprimez la balise p située à l'intérieur des balises < h1 >et< /h1>.

    le 26/02/2019 à 13h11

  • fabrice.baradel

    fabrice.baradel

    J'ai écrit : <!DOCTYPE html> <html> <head> <title><h1>Titre et paragraphes</h1> </title> </head> <body><p>Blah</p><p>Bmeh</p> </body> </html> et il me dit qu'il me manque les balises <h1></h1> que faire ?

    le 27/11/2017 à 15h59

  • mram

    mram Administrateur

    Bonjour, les balises "h1" , comme toutes les autres balises HTML que vous allez découvrir doivent être dans la balise "body" qui représente le corps de la page visible à l'écran. A ne pas confondre avec la balise "title" qui sert juste à afficher le titre de la page dans l'onglet du navigateur et sur les résultats des moteurs de recherche.

    le 28/11/2017 à 14h15

  • sarah_pele86-79

    sarah_pele86-79

    Doit on toujours commencer par cette balise?<!DOCTYPE html>

    le 05/10/2018 à 11h09

  • meriam

    meriam Administrateur

    Oui, pour que le navigateur comprend qu'il s'agit d'un document de type html.

    le 05/10/2018 à 17h45

  • hassanaposte-27

    hassanaposte-27

    Bonjour je narrive pas a voir mon erreur s'il vous plait

    le 31/07/2018 à 03h42

  • mram

    mram Administrateur

    Bonjour, l'ordre des balises n'était pas bon. Il faut mettre les balises "p" après le "h1" et non dedans.

    le 04/08/2018 à 23h53

  • kderder

    kderder

    Bonjour , j'arrive pas à valider exercice 6 : <!DOCTYPE html> <html> <head> <title> Titres et Paragraphes </title> </head> <body> </body> <h1> Titres /h1> <p> pepito <p> </p>! pepito </p>! </html>

    le 24/08/2017 à 22h52

  • mram

    mram Administrateur

    Bonjour, votre code est incomplet : il faut mettre le code entre les balise "body". Et là il manque la balise fermante "body" tout en bas avant "html".

    le 30/08/2017 à 13h00

  • kaderkouyate4-28

    kaderkouyate4-28

    bonjur j'arrive vraiment pas avoir mon erreur

    le 07/01/2019 à 18h38

  • meriam

    meriam Administrateur

    bonjour, il faut supprimer les espaces inutiles entre les balises et le contenu.

    le 08/01/2019 à 12h00

  • jeune.thomas-75

    jeune.thomas-75

    Bonjour, le correcteur me dit que ma balise Title n'est pas bien fermée.

    le 09/05/2018 à 10h21

  • mram

    mram Administrateur

    Bonjour, une balise "title" il n'y en a qu'une sur une page HTML.

    le 14/05/2018 à 02h41

  • kaderkouyate4-28

    kaderkouyate4-28

    franchement j'arrive pas trouver mon erreur

    le 09/01/2019 à 17h49

  • meriam

    meriam Administrateur

    Bonjour, il faut juste supprimer l'espace entre la balise h1 et son contenu.De même pour les paragraphes p.

    le 11/01/2019 à 12h00

  • _browndylan

    _browndylan

    Peut-on m'expliquer la différence entre <h1> </h1> et <title> </title> ?

    le 12/05/2018 à 15h45

  • mram

    mram Administrateur

    Bonjour, les balise "h1" ... jusque "h6" servent à écrire des titres dans le corps de la page web, ils sont visibles par l'utilisateur. La balise "title" sert aux moteurs de recherche et contient le titre principal de la page pour décrire le thème principal de la page. Ce titre là n'est pas visible sur la page web mais il est affiché dans l'onglet du navigateur et correspond aussi au lien bleu des résultats de recherche de Google et autres.

    le 18/05/2018 à 04h39

  • aureliebouvatmartin

    aureliebouvatmartin

    Toujours pas de fenêtre résultat, je m'arrête là du coup en attendant votre réponse, je ne voudrais pas passer à côté de qq chose d'important, en revanch je peux soumettre mes réponses et les faire valider sans problème?

    le 08/08/2017 à 12h47

  • mram

    mram Administrateur

    La fenêtre est située sous la fenêtre de code et vous devriez voir le HTML que vous écrivez dans le code apparaître dans cette fenêtre.

    le 09/08/2017 à 11h34

  • vnierat

    vnierat

    Bonjour, malgré plusieurs essais, le titre dans le head ne s'affiche jamais. Pourtant j'arrive à chaque fois à passer à l'exercice suivant ; s'agit-il d'un bug ?

    le 11/10/2017 à 15h41

  • mram

    mram Administrateur

    Bonjour, la balise "title" sert à afficher le titre de votre page dans l'onglet des navigateurs et est aussi affichée dans les résultats des moteurs de recherche. Elle n'est pas faite pour afficher du contenu dans la page web.

    le 12/10/2017 à 16h30

index.html
<!DOCTYPE html> <html> <head> <title> Titres et Paragraphes </title> </head> <body> </body> </html>