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

121 Commentaires

  • Grumlyman

    Grumlyman

    Bonjour, quelle est la différence entre les balises head et title? J'ai du mal à comprendre le rôle de chacune

    le 05/09/2022 à 13h46

  • Patricio M

    Patricio M Admin

    la balise <head> c'est du pur contenu. La balise <title> c'est le titre de ce contenu. un doc HTML est compris d'un head, body et footer

    le 05/09/2022 à 14h05

  • ragni_julien-80

    ragni_julien-80

    Bonjour, la fenetre Résultat ne m'affiche pas ce que j'essaye d'ecrire, est ce normal ?

    le 31/03/2022 à 12h32

  • meriam

    meriam Admin

    il faut cliquer sur le lien suivant : http://localhost:8080

    le 05/04/2022 à 19h51

  • solenvoy-5

    solenvoy-5

    heyyy

    le 12/01/2022 à 07h47

  • meriam

    meriam Admin

    Bonjour, quel est votre problème? je ne vois aucun essai

    le 12/01/2022 à 11h25

  • ratiercolineoucha-88

    ratiercolineoucha-88

    Je ne comprends pas mon erreur dans l'exercice 4

    le 20/05/2021 à 15h27

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 21/05/2021 à 15h04

  • mounabenyahia7-38

    mounabenyahia7-38

    J'ai réussi l'exercice mais le résultat ne s'affiche pas.

    le 15/05/2021 à 16h35

  • meriam

    meriam Admin

    Bonjour, le contenu de la partie head est invisible pour le visiteur, le contenu de title va être affiché dans l'onglet du navigateur et puisqu'il s'agit d'un simulateur vous ne pouvez voir le contenu de title.

    le 20/05/2021 à 08h20

  • iattequr-28

    iattequr-28

    bonjours à tous j ais placer la balises <haed> dans <html></html> mais il me dise sie je les bien placer a l interieur.

    le 22/04/2021 à 14h01

  • meriam

    meriam Admin

    Bonjour, la balise correcte c'est <head></head> (vous avez écrit <haed></haed>)

    le 23/04/2021 à 13h10

  • tillchatel-72

    tillchatel-72

    bonjour

    le 15/03/2021 à 15h13

  • meriam

    meriam Admin

    Bonjour, n'hésitez pas à poser des questions si vous trouverez des problèmes

    le 16/03/2021 à 10h40

  • fievez.stephanie86-59

    fievez.stephanie86-59

    Bonjour je n'arrive pas l'exercice 4 et j'ai regarder l'astuce

    le 04/02/2021 à 11h12

  • meriam

    meriam Admin

    Bonjour, l'énoncé demande d'ajouter la partie head avec la balise <head> et </head> et puis ajoutez la balise title à l'intérieur de head.

    le 04/02/2021 à 12h07

  • Xuljin

    Xuljin

    Si comme dans la Leçon on ajoute body ça ne fonctionne pas :)

    le 03/02/2021 à 10h28

  • meriam

    meriam Admin

    Bonjour, pour ces exercices, vous devez respecter ce qui est demandé par l'énoncé (n'ajoutez pas une balise qui n'est pas demandée)

    le 03/02/2021 à 11h29

  • emiliequennesson16-90

    emiliequennesson16-90

    a force de lire 20 fois la leçon et revenir en arrière ça rentre

    le 21/01/2021 à 18h35

  • meriam

    meriam Admin

    Votre code est correct.

    le 22/01/2021 à 20h46

  • meriam

    meriam Admin

    N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.

    le 22/01/2021 à 20h46

  • emiliequennesson16-90

    emiliequennesson16-90

    je n'avais pas compris au début non plus mais en cherchant un peu sur le net des exemple type on visualise mieux la structure de la page html

    le 21/01/2021 à 18h35

  • meriam

    meriam Admin

    La balise tittle permet d'indiquer le titre de document html , le contenu de cette balise n'est pas affiché sur la page web, mais il est affiché dans l'onglet du navigateur

    le 22/01/2021 à 20h45

  • ridmag74-75

    ridmag74-75

    bonjour4/14 mon titre ne s'affiche pas ?

    le 20/01/2021 à 14h46

  • meriam

    meriam Admin

    La balise title ne s'affiche que dans l'onglet du navigateur. Alors vous testez le code avec un sémulateur.

    le 20/01/2021 à 20h53

  • cyril_hoareau-99

    cyril_hoareau-99

    Bonjour, a moins que j'ai loupé une étape, mais je trouve frustrant de ne pas voir le résultat en temps réel de se qu'on écris dans la fenêtre index.html

    le 03/12/2020 à 06h29

  • meriam

    meriam Admin

    Bonjour, il faut rafraichir la page.

    le 03/12/2020 à 07h17

  • toms4461-8

    toms4461-8

    je comprend rien du tout perso

    le 12/11/2020 à 15h53

  • meriam

    meriam Admin

    Bonjour, ajoutez la balise ouvrante <title> et la balise fermante </title> à l'intérieur de head.

    le 13/11/2020 à 07h14

  • prn.antoine-18

    prn.antoine-18

    Bonjour, je ne comprends pas la leçon de l'exo 4. Pourquoi parler de <body> s'il ne faut pas l'ajouter dans le code pour valider l'exercice ? Ca me semble inutile.

    le 10/09/2020 à 11h33

  • meriam

    meriam Admin

    Bonjour, pour cet exo on s'intéresse de l'élément head. On essaye de présenter les éléments html petit à petit.

    le 10/09/2020 à 11h46

index.html
<!DOCTYPE html> <html> </html>