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>. ÉcrivezGéants de l'internetdans la première cellule etAnnée de créationdans 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 :
- On a créé l'en-tête du tableau avec la balise
<thead>. - 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. - 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. - On a fermé la ligne avec une balise fermante
</tr>. - 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 !
_
106 Commentaires
-
charlesprat777-89
Bonjour question pour bien comprendre , les titres que nous mettons en <th> sont en gras alors que nous ne leurs attribuons pas de balise <strong>le 05/03/2023 à 00h37
-
Patricio M Admin
<th> avec du CSS sera en gras, sinon, aucun style sans CSS
le 06/03/2023 à 07h50
-
nory.benali89-87
Avez-vous bien placé les balises <tr>, </tr> à l'intérieur de la balise <thead> Bonsoir j'ai ce message d'erreur pouvez vous m'aiderle 29/10/2022 à 18h05
-
Patricio M Admin
les <thead> imbriqués à l'intérieur des <tr>
le 02/11/2022 à 10h21
-
Delphine-9
Bonjour meriam, j'ai de nouveau un dysfonctionnement avec le button 'Soumettre'. Je sais que vous avez fait le nécessaire la dernière fois et je vous en remercie. Pourriez-vous réitérer sa résolution? Mercile 18/03/2022 à 12h29
-
meriam Admin
Bonjour, le bouton fonctionne correctement, n'hésitez à me dire si le problème persiste encore chez vous.
le 23/03/2022 à 10h21
-
imanehemmade-69
bonjour ; je ne comprend pas mon erreur <!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <table border="1px"> <thead> </thead> <tr> <th>Géants de l'internet</th> <th>Année 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 17/01/2022 à 17h06
-
meriam Admin
Bonjour, le corps de la partie thead ne doit être vide.
le 18/01/2022 à 10h36
-
frederique12simon-6
bjr help please le message " dans la balise <th> n1 vous devez avoir le texte " Géants de l internet " je vois pas la ou est le pb ?, mercile 19/11/2021 à 17h30
-
meriam Admin
Bojour, il faut supprimer l'espace inutile au niveau de cette ligne :<th>Année de création </th>
le 21/11/2021 à 22h32
-
meriam Admin
Merci de copier le contenu tel qu'il est demandé par l'énoncé.
le 21/11/2021 à 22h33
-
frederique12simon-6
bonsoir je ne comprend pas ou est mon erreur ?le 05/11/2021 à 17h47
-
meriam Admin
Bonjour, erreur au niveau de cette cellule : <th>Géants de l'internet</th>, supprimer l'espace avant i de internet.
le 08/11/2021 à 21h31
-
candice.dudit-88
Bonjour je ne comprends pas mon erreur ?le 10/03/2021 à 17h42
-
meriam Admin
Bonjour, n'oubliez pas d'ajouter la balise tr dans la partie thead.
le 11/03/2021 à 09h15
-
meriam Admin
les balises th doivent être imbriquées dans la balise tr.
le 11/03/2021 à 09h15
-
fred.glemeau94-21
bonsoir , miriam dites-moi si il y a une erreur svp sur mon code ?le 25/02/2021 à 20h42
-
meriam Admin
Bonjour, l'entête du table
le 26/02/2021 à 12h51
-
meriam Admin
Bonjour, l'entête du tableau contient 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.
le 26/02/2021 à 12h53
-
meriam Admin
Vous devez supprimer les balises inutiles.
le 26/02/2021 à 13h04
-
thildinha-13
Bonjour, je ne comprends pas où est mon erreurle 06/02/2021 à 14h33
-
meriam Admin
Bonjour, votre dernier code est correct.
le 08/02/2021 à 08h26
-
a.garnier9-78
En fait le <th> est au <thead> , ce que le <td> est au <tbody> ?le 14/12/2020 à 20h30
-
meriam Admin
Bonjour, oui exactement . On ajoute les cellules th dans l'entête du tableau et les cellules td dans le corps du tableau.
le 15/12/2020 à 08h07
-
maryne.gaudez-45
bonjour, je ne trouve pas mon erreur!! on me dis que je n'ai pas fermé <tr></tr> alors quil est bien fermé.le 29/06/2020 à 12h01
-
meriam Admin
Votre code est correct. Une mise à jour en cours, merci pour votre compréhension.
le 29/06/2020 à 18h15
-
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éationle 02/09/2018 à 08h35
-
leolocufier-40
Bonjour, je ne comprends pas mon erreurle 13/08/2018 à 10h48
-
mram Admin
Quel est votre message d'erreur svp ? Ca sera plus facile pour vous aider.
le 17/08/2018 à 02h13
-
eddy_michel-49
Bonjour je comprends pas mon erreurle 01/08/2018 à 17h45
-
mram Admin
Bonjour, vous avez une balise "th" en trop ligne 12.
le 04/08/2018 à 20h19
-
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 à 18h17
-
mram Admin
Les guillemets lignes 10 et 11 sont inutiles.
le 01/08/2018 à 01h17
Commentaires les mieux notés