Exercice 4/14

  • Dans le fichier index.html, ajoutez un titre dans l'en-tête de votre page. N'oubliez pas qu'on utilise les termes anglais pour le nom des balises... Si vous êtes bloqué, lisez l'astuce pour voir un exemple.

  • Ajoutez les balises d'ouverture et de fermeture de tête (comme indiqué dans l'astuce).

  • Entre les balises de tête <head> et </head>, ajoutez les balises de titre (ouvrante et fermante : <title> et </title>).

  • A l'intérieur des balises de titres, tapez par exemple : "Le titre de ma page".

  • Cliquez sur Soumettre ma réponse pour continuer.

Leçon 4/14

Poursuivons l'analogie avec une maison : maintenant que vous avez coulé les fondations (<html></html>), il vous faut monter les murs et la charpente. La balise <body> (corps en anglais) fera office de murs pour accueillir votre contenu et la balise <head> (tête) viendra chapeauter l'ensemble.

Dans le monde virtuel, on commence par le toit : <head></head> viendra avant <body></body> car l'en-tête contient des informations sur la page qu'il est préférable de communiquer en premier au navigateur (comme son titre par exemple).

Il ne faut pas les imbriquer mais les accoler (la seconde vient en-dessous de la première). En revanche les 2 sont bien imbriquées dans <html></html>.

Votre code doit ressembler à ceci :

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

Commentaires les mieux notés

  • CodyLeCodingue

    ce code est refusé alors que le titre s'affiche ? <!DOCTYPE html> <html> <head> <title></title><strong> Titre : <br> </strong> </title> </head> <body> <br>corps du texte - mais pourquoi le titre reste invisible ?<br> merci de me repondre </body> </html>

  • tsoul82-13

    pouvez vous m'apporter des explications sur l'exercice 4

  • mram Administrateur

    Elle contient le titre qui décrit le document HTML : c'est ce qui est affiché dans les résultats de recherche Google et c'est aussi ce qui est affiché dans l'onglet de la page dans le navigateur.

  • mram Administrateur

    Bien vu, merci.

43 Commentaires

  • CodyLeCodingue

    CodyLeCodingue

    ce code est refusé alors que le titre s'affiche ? <!DOCTYPE html> <html> <head> <title></title><strong> Titre : <br> </strong> </title> </head> <body> <br>corps du texte - mais pourquoi le titre reste invisible ?<br> merci de me repondre </body> </html>

    le 30/08/2017 à 19h56

  • mram

    mram Administrateur

    Bonjour, j'ai testé votre code et il fonctionne bien...

    le 06/09/2017 à 09h44

  • tsoul82-13

    tsoul82-13

    pouvez vous m'apporter des explications sur l'exercice 4

    le 02/05/2018 à 12h53

  • mram

    mram Administrateur

    La balise <travailler> n'existe pas en HTML.

    le 04/05/2018 à 07h38

  • mram

    mram Administrateur

    L'ordre des balises n'est pas bon, lisez bien l'énoncé et la leçon également.

    le 04/05/2018 à 07h38

  • mram

    mram Administrateur

    Elle contient le titre qui décrit le document HTML : c'est ce qui est affiché dans les résultats de recherche Google et c'est aussi ce qui est affiché dans l'onglet de la page dans le navigateur.

    le 09/02/2017 à 00h19

  • mram

    mram Administrateur

    Bien vu, merci.

    le 01/04/2017 à 11h27

  • Chepard

    Chepard

    Pourquoi on me demande toujours de mettre DOC TYPE alors que ce n'est pas demandé

    le 01/12/2016 à 02h05

  • laurence.koubi

    laurence.koubi

    Bonjour, A quoi sert cette balise "title" ?

    le 08/02/2017 à 10h24

  • Chepard

    Chepard

    Astuces devrait être plus visible genre comme un bouton

    le 01/12/2016 à 02h16

  • doriankoch67

    doriankoch67

    Petite faute frappe dans l'astuce,il manque le "<" de la balise fermante du titre ;)

    le 30/03/2017 à 12h59

  • Chepard

    Chepard

    qu'est qui imbriqué et accolé ? Et pourquoi ?

    le 01/12/2016 à 02h17

  • Chepard

    Chepard

    Pourquoi on demande toujours le doc type ? Qu'est ce qu'il a avoir ? pourquoi ne pas laisser le html tout simplement

    le 01/12/2016 à 02h20

  • mram

    mram Administrateur

    On vous demande DOCTYPE car vous l'avez supprimé du contenu par défaut du fichier HTML. Or cette balise est obligatoire en HTML.

    le 02/12/2016 à 13h32

  • philocande

    philocande

    Bonjour, est-ce normal que ma fenêtre "résultats" reste toujours blanche?

    le 24/10/2016 à 12h26

  • mram

    mram Administrateur

    Oui l'accès aux astuces sera en effet revu pour être plus ergonomique :)

    le 02/12/2016 à 13h33

  • mram

    mram Administrateur

    <!DOCTYPE html> doit apparaître obligatoirement, et une seule fois, au tout début du fichier HTML. C'est le code qui permet de dire que l'on écrit du HTML dans le fichier en question.

    le 02/12/2016 à 13h34

  • mram

    mram Administrateur

    Donc ligne 5, il n'y a pas besoin de remettre <!DOCTYPE /html>

    le 02/12/2016 à 13h35

  • naik.hadjal

    naik.hadjal

    bonjour , comment fait-on pour aller à la ligne svp

    le 29/05/2017 à 14h32

  • mram

    mram Administrateur

    Pour l'instant à ce stade des exercices oui c'est normal.

    le 24/10/2016 à 13h53

  • montrivannaxay

    montrivannaxay

    Bonsoir, pourquoi il me demande de vérifier si j'ai bien ouvert et fermé la balise HEAD au bon endroit?

    le 02/01/2017 à 22h11

  • mram

    mram Administrateur

    Parce que vous n'avez pas mis les balises au bon endroit. Vous avez mis les balises les unes à la suite des autres. Or il faut les imbriquer.

    le 05/01/2017 à 11h26

  • mram

    mram Administrateur

    Avec <br> , mais pas besoin de ça dans cet exercice.

    le 01/06/2017 à 16h15

  • bocardiop2007-57

    bocardiop2007-57

    besoin d aide. bloqué sur l'exercice 4

    le 27/05/2018 à 20h56

  • mram

    mram Administrateur

    Attention, il faut faire la différence entre <!DOCTYPE html> qui définit le type de document et la balise <html>...</html> qui contient tout le code.

    le 02/06/2018 à 04h10

  • MAKA.NGOIE-100

    MAKA.NGOIE-100

    Pourquoi le texte "Le titre de ma page" n'apparaît pas dans la fenêtre de droite? Mais lorsque je soumets, c'est juste!??

    le 30/01/2018 à 22h26

  • mram

    mram Administrateur

    Bonjour, parce que ce texte n'est affiché que dans les onglets des navigateurs. C'est aussi ce texte qui est utilisé pour afficher les titres de pages dans les résultats de recherche sur lesquels on clique. Il n'a pas vocation à s'afficher dans le corps de la page web.

    le 05/02/2018 à 10h32

  • f.estrabaud-34

    f.estrabaud-34

    Bonjour, si la balise <title> sert à faire apparaitre le titre dans le moteur de recherche, je ne comprend pas l'intérêt de la balise <head>??

    le 13/09/2018 à 10h04

  • mram

    mram Administrateur

    C'est dans la balise "head" que l'on met toutes les données qui aident le navigateur à interpréter correctement la page : titre, fichiers CSS liés, fichiers JS liés, etc.

    le 16/09/2018 à 08h29

  • petula.julie-84

    petula.julie-84

    Bonjour, à quoi cela sert-il d'écrire le titre de ma page si cela ne s'affiche pas dans les résultats svp?

    le 30/05/2018 à 14h00

  • mram

    mram Administrateur

    Bonjour, le contenu de la balise "title" ne s'affiche jamais dans le corps de la page web, ce n'est pas prévu pour ça. Il est utilisé dans les onglets des navigateurs web et il est affiché dans les résultats de moteurs de recherche type Google, le lien bleu et bien c'est ça. Maintenant vous savez sur quoi vous cliquez lors d'une recherche sur le web :)

    le 02/06/2018 à 04h59

  • 13NRV

    13NRV

    Bonjour je suis à l'exercice 4 et je n'arrive pas à trouver ou est l'erreur

    le 22/08/2018 à 17h58

  • mram

    mram Administrateur

    Bonjour, quel message d'erreur avez-vous ? Ca sera plus facile de vous aider.

    le 27/08/2018 à 22h30

  • ronald.rukund-23

    ronald.rukund-23

    bonjour quand je ferme le tag head ca me mets unexpected end tag (head) .ignored.

    le 20/12/2018 à 15h36

  • meriam

    meriam Administrateur

    corriger le mot title et non pas tittle.

    le 20/12/2018 à 15h38

  • radom.r

    radom.r

    Je ne comprend pas...

    le 22/08/2017 à 21h55

  • mram

    mram Administrateur

    C'est "title" et pas "tittle".

    le 24/08/2017 à 22h14

  • radom.r

    radom.r

    J'ai réussi les exercices 1,2 et 3 mais celui la j'ai du mal à le faire pourtant j'ai fait comme dans l'astuce.

    le 22/08/2017 à 21h57

  • mram

    mram Administrateur

    C'est "title" et pas "tittle".

    le 24/08/2017 à 22h21

  • gnzikoune-73

    gnzikoune-73

    je n'y arrive pas. help me please.

    le 05/05/2018 à 02h31

  • mram

    mram Administrateur

    Bonjour, regardez l'astuce...

    le 09/05/2018 à 06h17

  • bakuamisamvibudulu-37

    bakuamisamvibudulu-37

    bonjour je mis les balises en ordre mais toujours incorrect aide moi svp exercice 4

    le 24/06/2018 à 11h58

  • mram

    mram Administrateur

    Bonjour, non vos balises ne sont pas dans le bon ordre :

    Ligne 1 le texte "travail en groupe" ne doit pas être là. Tout texte doit être dans une balise.

    La ligne 6 est inutile car vous avez déjà mis la balise en question ligne 2.

    Enfin, tout le reste du code doit se trouver dans la balise "html" qui est ligne 2.

    le 28/06/2018 à 03h18

  • celine.naturo

    celine.naturo

    Bonsoir, apparemment je réussis l'exercice, cependant je ne vois pas le résultat..

    le 16/12/2017 à 18h08

  • mram

    mram Administrateur

    Bonjour, c'est normal la balise "title" sert à afficher le titre de la page dans l'onglet des navigateurs et dans les résultats de recherche type Google. Donc ici on ne peut pas voir le résultat car ce n'est pas du contenu qui est affiché dans le corps de la page web.

    le 23/12/2017 à 12h27

  • diallocherif321

    diallocherif321

    bonjour j'ai du mal avec le 4

    le 19/12/2017 à 15h07

  • mram

    mram Administrateur

    Bonjour, la balise "htlm" n'existe pas ...

    le 23/12/2017 à 16h23

  • jgnahuie-69

    jgnahuie-69

    bonjour j'ai avec l’exercice 4 aider moi

    le 16/01/2018 à 16h29

  • sofiane.bessai66-57

    sofiane.bessai66-57

    C'est sympa est plutot intuitif merci du travail

    le 05/06/2018 à 21h58

  • JiM

    JiM

    Bonjour, petit question pourquoi mon titre n'apparait dans le localhost ? mon code est bon et je n'ai aucun retour visuel sur la pseudo page web, est-ce normal ?

    le 14/07/2017 à 15h47

  • mram

    mram Administrateur

    Bonjour, normal vous n'avez rien mis dans la balise "body". Tout ce qui s'affiche dans la fenêtre navigateur se trouve dans la balise "body". La balise "title" sert à afficher le titre dans l'onglet du navigateur.

    le 16/07/2017 à 10h57

  • JiM

    JiM

    ah pardon autant le message "head" n'est qu'un titre informatif pour le navigateur ?

    le 14/07/2017 à 15h49

  • mram

    mram Administrateur

    Bonjour, oui tout ce que contient "head" sert à fournir des informations supplémentaires pour aider le navigateur à interpréter le contenu de la page par la suite.

    le 16/07/2017 à 10h58

  • JiM

    JiM

    "une tête (head) contenant des informations non visibles dans la fenêtre mais utiles pour décrire le document comme le titre" voilà désolé pour les questions ^^

    le 14/07/2017 à 15h57