Exercice 7/15

L'en-tête <thead> est déjà créé. Il ne vous reste plus qu'à faire ceci :

  • Ajoutez une ligne à cet en-tête en utilisant <tr> et </tr>.
  • Dans cette ligne, ajoutez deux cellules avec <th> et </th>. Écrivez Géants de l'internet dans la première cellule et Année de création dans la deuxième.

Inspirez-vous de l'exemple au début.

Leçon 7/15

Regardez les lignes 8 et 10 : nous avons ajouté l'entête du tableau avec les balises ouvrante et fermante <thead> </thead>, juste au-dessus de <tbody>.

Comme pour le document HTML, l'en-tête sert notamment à donner un titre au tableau et plus particulièrement un titre pour chaque colonne : Géants de l'internet (colonne 1) et Année de création (colonne 2).

Le principe est le même que pour mettre des données dans le corps <tbody> à la différence près que la balise s'appelle <th> :

<thead>
  <tr>
      <th>Nom</th>
      <th>Prénom</th>
  </tr>
</thead>

Expliquons ce code en détail :

  1. On a créé l'en-tête du tableau avec la balise <thead>.
  2. Au-dessous de <thead>, on a inséré une ligne avec la balise <tr> pour accueillir les cellules de l'en-tête du tableau.
  3. On a inséré deux cellules dans cette ligne avec des balises <th> et </th>. Ces cellules contiennent les titres des colonnes à savoir Nom et Prénom.
  4. On a fermé la ligne avec une balise fermante </tr>.
  5. On a fermé l'en-tête du tableau avec une balise fermante </thead>.

_

Les cellules de l'entête <thead> se créent avec <th> et </th> plutôt que <td> et </td> pour les cellules du corps <tbody>. A part ça, rien de nouveau !

_

Commentaires les mieux notés

  • militaire.fr-86

    je ne trouve pas mon erreur il me dit que que n'ecrit pas bien géant de l'internet et année de création

  • JUBERT.BRUNO0602

    AAAHhhhhhhil me manquait le s de géants...le message d'erreur dit que le couple doit etre egal.Il faut ici comprendre que les mots ne sont alors pas identiques a ceux de l'énoncé de l'exercice

  • mram Administrateur

    Oui c'est ça, les fautes de frappes sont les moins évidentes à trouver car on n'y pense pas forcément.

  • mram Administrateur

    Si, la balise "thead" ne doit pas contenir la balise "tbody" ....

46 Commentaires

  • militaire.fr-86

    militaire.fr-86

    je ne trouve pas mon erreur il me dit que que n'ecrit pas bien géant de l'internet et année de création

    le 02/09/2018 à 12h35

  • JUBERT.BRUNO0602

    JUBERT.BRUNO0602

    AAAHhhhhhhil me manquait le s de géants...le message d'erreur dit que le couple doit etre egal.Il faut ici comprendre que les mots ne sont alors pas identiques a ceux de l'énoncé de l'exercice

    le 12/01/2018 à 00h40

  • mram

    mram Administrateur

    Oui c'est ça, les fautes de frappes sont les moins évidentes à trouver car on n'y pense pas forcément.

    le 28/11/2016 à 15h59

  • mram

    mram Administrateur

    Si, la balise "thead" ne doit pas contenir la balise "tbody" ....

    le 07/06/2017 à 14h04

  • pizzutoandrea3

    pizzutoandrea3

    ou il est il prob?

    le 28/05/2017 à 19h09

  • ahisse78

    ahisse78

    Au final j'ai trouvé l'accent de é dans Géants merci

    le 25/11/2016 à 22h39

  • ahisse78

    ahisse78

    Bonjour j'ai aussi le même problème : <thead><tr> <th>Geants de l'internet</th> <th>Année de création</th> </tr> </thead> les cellules sont créees au bon endroit il me dit le contraire merci pour votre aide

    le 25/11/2016 à 22h36

  • hicham-80

    hicham-80

    je comprend pas mon erreur il me dise que la <h> doit egale au titre<!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <table border="1px"> <thead> <tr> <th>Géants de l'internet</th> <th>Année de creation</th> </tr> </thead> <tbody> <tr> <td>Facebook</td> <td>2004</td> </tr> <tr> <td>Google</td> <td>1998</td> </tr> <tr> <td>Amazon</td> <td>1994</td> </tr> </tbody> </table> </body> </html>

    le 06/09/2016 à 18h10

  • mram

    mram Administrateur

    C'est "création" avec un "é" et pas "e".

    le 08/09/2016 à 13h39

  • AW

    AW

    Passe pas !!! Pourtant le code est juste !? <thead> <tr> <th>Monstres celèbres</th> <th>Année de naissance</th> </tr> </thead> Réponse : modifier l'intérieur des balises th ...?

    le 11/06/2016 à 13h03

  • mram

    mram Administrateur

    Bonjour, c'est votre indentation des cellules qui n'est pas correcte.

    le 12/06/2016 à 14h38

  • imadeddine.larej

    imadeddine.larej

    Passe pas!! pourtant le code est juste <table border="1px"> <thead> <tr> <th>Nom</th> <th>Prénom</th> </tr> <tr> <th>Géants de l'internet</th> <th>Année de création</th> </tr> </thead> <tbody> <tr> <td>Facebook</td> <td>2004</td> </tr> <tr> <td>Google</td> <td>1998</td> </tr> <tr> <td>Amazon</td> <td>1994</td> </tr> </tbody>

    le 21/11/2016 à 14h52

  • mram

    mram Administrateur

    Vous mélangez les balises "thead" et "tbody" . La première est toujours avant la seconde.

    le 01/06/2017 à 16h07

  • mopsina13

    mopsina13

    Bonour, Mon code ne passe pas.. :<html> <head> <title>Les tableaux</title> </head> <body> <table border="1px"> <thead> </thead> <tr> <th>Géants de l'internet</th> <th>Anné de création</th> </tr> <tbody> <tr> <td>Facebook</td> <td>2004</td> </tr> <tr> <td>Google</td> <td>1998</td> </tr> <tr> <td>Amazon</td> <td>1994</td> </tr> </tbody> </table> </body> </html>

    le 22/03/2017 à 16h39

  • bsmeyers84

    bsmeyers84

    bonjour mon code ne passe pas et pourtant je suis sûr qu'il est bon.

    le 20/06/2016 à 16h10

  • ilanebensimon

    ilanebensimon

    bonjour mon code est bon mais y'a toujours se mess d'erreur vérifier vos balise <TH> il doit être égale au couple "Géants de l'internet et Année de création help svp merci

    le 30/08/2016 à 01h26

  • mram

    mram Administrateur

    "Année de naissance" au singulier et non au pluriel. Votre erreur doit venir de là...

    le 20/06/2016 à 17h33

  • mram

    mram Administrateur

    Ligne 12 il y a une faute d'orthographe, ça doit être ça.

    le 24/03/2017 à 10h32

  • mram

    mram Administrateur

    Et non il n'est pas bon, le code ligne 9 à 12 est en trop. Ce code est juste dans l'exemple, ce n'est pas ce qui est demandé dans les instructions (qui correspond à votre code ligne 13 à 16).

    le 24/11/2016 à 12h36

  • pizzutoandrea3

    pizzutoandrea3

    non

    le 02/06/2017 à 23h45

  • mram

    mram Administrateur

    Lisez les instructions, on vous demande de mettre des cellules <th> ...

    le 30/08/2016 à 14h16

  • mjoabsing-55

    mjoabsing-55

    Vérifiez le contenu de vos balises <th>, il DOIT être égal au couple "Géants de l'internet" / "Année de création" Corriger

    le 22/07/2018 à 22h15

  • mram

    mram Administrateur

    Il n'y a pas besoin des guillemets.

    le 01/08/2018 à 05h16

  • mjoabsing-55

    mjoabsing-55

    Bonsoir je ne comprends pas d'où vient mon erreur, j'ai regardé les différents commentaires et je n'arrive pas à comprendre ce qui bloque, j'ai bien mis des accents, j'ai évité les espaces, du coup j'ai besoin de vos lumières.

    le 22/07/2018 à 22h17

  • mram

    mram Administrateur

    Les guillemets lignes 10 et 11 sont inutiles.

    le 01/08/2018 à 05h17

  • nsangouchiwouoarouna

    nsangouchiwouoarouna

    quel est le prob? je ne comprend pas

    le 22/07/2017 à 16h57

  • mram

    mram Administrateur

    Bonjour, ça doit venir de "creation" sans accent alors qu'il en faudrait un.

    le 23/07/2017 à 16h48

  • ou.broly-83

    ou.broly-83

    Bonjour, je ne comprends pas le message :"Attention le contenu de votre première ligne <tr> n'est pas le couple "Facebook" / "2004"

    le 12/07/2018 à 15h07

  • mram

    mram Administrateur

    Bonjour, les lignes 12 et 13 ne sont pas au bon endroit, il faut les mettre dans la balise "thead".

    le 16/07/2018 à 05h09

  • mohamadoubachirououmar

    mohamadoubachirououmar

    Erreur(s) : Vérifiez le contenu de vos balises <th>, il DOIT être égal au couple "Géants de l'internet" / "Année de création"

    le 07/01/2018 à 12h52

  • mram

    mram Administrateur

    Bonjour, il y a un accent sur le "é" de "Géants" et pas besoin de mettre un espace juste devant.

    le 12/01/2018 à 01h08

  • leolocufier-40

    leolocufier-40

    Bonjour, je ne comprends pas mon erreur

    le 13/08/2018 à 14h48

  • mram

    mram Administrateur

    Quel est votre message d'erreur svp ? Ca sera plus facile pour vous aider.

    le 17/08/2018 à 06h13

  • audreydepaepe

    audreydepaepe

    Bonjour, je ne comprends mon erreur : Vérifiez le contenu de vos balises <th>, il DOIT être égal au couple "Géants de l'internet" / "Année de création"

    le 29/12/2017 à 11h52

  • mram

    mram Administrateur

    Bonjour, il y a des espaces inutiles avant et après le texte.

    le 31/12/2017 à 18h51

  • eddy_michel-49

    eddy_michel-49

    Bonjour je comprends pas mon erreur

    le 01/08/2018 à 21h45

  • mram

    mram Administrateur

    Bonjour, vous avez une balise "th" en trop ligne 12.

    le 05/08/2018 à 00h19

  • romain.louazon.pro-73

    romain.louazon.pro-73

    je ne comprends pas ou est l'erreur

    le 13/04/2018 à 20h45

  • mram

    mram Administrateur

    Bonjour, attention à l'indentation du code.

    le 15/04/2018 à 02h27

  • steve.besson

    steve.besson

    mon affichage correspond

    le 10/11/2017 à 10h06

  • vfaiola-21

    vfaiola-21

    bonjour, voici le message d'erreur et je ne vois pas le prb. merci d'avance pour votre aide.Vérifiez le contenu de vos balises <th>, il DOIT être égal au couple "Géants de l'internet" / "Année de création"

    le 18/07/2018 à 17h05

  • mram

    mram Administrateur

    Bonjour, c'est "Géants" et non "Geants" ...

    le 25/07/2018 à 05h21

  • yusuf_bj1997-17

    yusuf_bj1997-17

    Quel est le probleme j’ai tout fait bien même les accents

    le 19/07/2018 à 13h08

index.html
<!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <table border="1px"> <thead> </thead> <tbody> <tr> <td>Facebook</td> <td>2004</td> </tr> <tr> <td>Google</td> <td>1998</td> </tr> <tr> <td>Amazon</td> <td>1994</td> </tr> </tbody> </table> </body> </html>