Exercice 4/7

Créez un en-tête de tableau en utilisant les balises <thead></thead> et <th></th>. Vous pouvez appeler votre tableau comme vous voulez.

Leçon 4/7

Pour être bien compris, un tableau gagne à être complété d'un en-tête de description.

Idéalement, votre en-tête devra s'étendre sur les 3 colonnes de votre tableau. L'attribut colspan vous permettra d'obtenir ce résultat en lui attribuant la valeur 3 (pour trois colonnes).

_

Dans l'en-tête d'un tableau (<thead>) les cellules sont matérialisées avec les balises <th></th>. L'en-tête se place logiquement en début de tableau soit après la balise ouvrante <table> mais avant la première ligne<tr></tr>.

_

Commentaires les mieux notés

  • emmanuel.lovergne-34

    Bonjours Erreur(s) : Erreur interne : Veuillez passer à l'exercice suivant, un administrateur corrigera celui là dès que possible, merci.

  • denismarchal1-1

    Erreur interne

  • lm.monlouis

    Bonjour, ont me dis que la propriété colspan doit etre egal a 3 or c'est le cas : <body> <table> <thead><th colspan=3px>tableau</th></thead> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </tbody>

  • lm.monlouis

    Je suis desolé. j'avais oublié les "" de mon code

82 Commentaires

  • lm.monlouis

    lm.monlouis

    Bonjour, ont me dis que la propriété colspan doit etre egal a 3 or c'est le cas : <body> <table> <thead><th colspan=3px>tableau</th></thead> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </tbody>

    le 07/02/2017 à 16h09

  • lm.monlouis

    lm.monlouis

    Je suis desolé. j'avais oublié les "" de mon code

    le 07/02/2017 à 16h10

  • mram

    mram Administrateur

    Votre code est incorrect lignes 10 à 17. <thead></thead> est l'équivalent de <tr></tr> mais pour l'en-tête du tableau. Il n'y a donc pas besoin de rajouter de ligne <tr> à l'intérieur. Et n'oubliez pas de mettre un seul couple <th></th> mais en utilisant "colspan", voir la description de l'exercice.

    le 28/11/2016 à 16h13

  • ahisse78

    ahisse78

    <thead> <tr> <th>Premier chiffre</th> <th>Deuxieme chiffre</th> <th>Troisieme chiffre</th> </tr> </thead> Bonjour avec ou sans <tr></tr> cela ne fonctionne pas, il me réclame à nouveau <th> merci pour votre aide, cordialement (j'ai même changé toutes les données tableau)

    le 28/11/2016 à 11h51

  • mram

    mram Administrateur

    Les valeurs pour la propriété sont sans unités, donc pas de "px".

    le 09/02/2017 à 00h15

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 05/06/2017 à 00h41

  • mram

    mram Administrateur

    Idéalement il ne faudrait qu'un seul "th" avec l'attribut colspan et la valeur "3".

    le 07/06/2017 à 12h06

  • pizzutoandrea3

    pizzutoandrea3

    petite aide

    le 26/05/2017 à 01h47

  • pizzutoandrea3

    pizzutoandrea3

    je comprend pas..

    le 28/05/2017 à 09h37

  • contactruddy

    contactruddy

    Bonjour, Je ne comprends pas le message d'erreur m'indiquant qu'il manque les balises th dans la balise Thead alors qu'elles y sont. Pourriez vous m'aidez svp? <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Ma galerie de photos</title> </head> <body> <table> <thead> <tr> <th>Mois</th> <th>Dépense</th> <th>Capital</th> </tr> </thead> <tbody> <tr> <td>Janvier</td> <td>300E</td> <td>3000E</td> </tr> <tr> <td>Février</td> <td>500E</td> <td>6000E</td> </tr> <tr> <td>Mars</td> <td>700E</td> <td>6000E</td> </tr> </tbody> </table> </body> </html>

    le 23/10/2016 à 18h21

  • mram

    mram Administrateur

    <thead> correspond à une ligne <tr> mais pour définir une ligne d'en-tête du tableau. Donc pas besoin d'ajouter de <tr> dans <thead>.

    le 24/10/2016 à 13h46

  • mram

    mram Administrateur

    Vous avez un "th" en trop, supprimez une des lignes 10, 11, 12 ou 13.

    le 29/05/2017 à 15h30

  • pizzutoandrea3

    pizzutoandrea3

    je comprend pas

    le 10/06/2017 à 00h31

  • contactruddy

    contactruddy

    Merci pour votre retour, cela fonctionne.

    le 25/10/2016 à 23h51

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 30/05/2017 à 21h09

  • mram

    mram Administrateur

    Quelle erreur avez-vous ?

    le 12/06/2017 à 14h51

  • pizzutoandrea3

    pizzutoandrea3

    verifier que vous avez trois lignes.. pourquoi?merci

    le 13/05/2017 à 19h36

  • mram

    mram Administrateur

    Le code lignes 11 à 15 est inutile.

    le 17/05/2017 à 21h56

  • sylvain074-25

    sylvain074-25

    après soumettre, le message suivant s'écrit : "Erreur interne : un administrateur prendra en charge, veuillez passer à l'exercice suivant. Ce que j'ai fait bien sûr, mais je tenais à le signaler dans les commentaires.

    le 12/01/2019 à 20h25

  • meriam

    meriam Administrateur

    bonjour, dans la partie thead, il manque la balise tr avant th, pour l'attribut colspan, tu doit mettre la valeur entre guillemets.

    le 15/01/2019 à 12h27

  • luka.sainsily-69

    luka.sainsily-69

    Mon exercice ne se valide pas, je clique sur soumettre et il ne se passe rien...

    le 26/02/2018 à 13h29

  • mram

    mram Administrateur

    Bonjour, il manquait la balise "tr" qui doit contenir les balises "th".

    le 01/03/2018 à 22h53

  • contact-71

    contact-71

    Je ne comprend pas ce message:"Vérifiez que vous avez bien trois paires de balises <td></td> dans votre premier <tr>" j'ai modifié plusieurs fois le code mais je ne trouve pas la solution Help!

    le 20/08/2018 à 11h03

  • mram

    mram Administrateur

    Le code lignes 14-18 ne doit pas se trouver là. Il faut le mettre dans la balise "tbody".

    le 05/09/2018 à 19h10

  • maxime.orengo

    maxime.orengo

    Ca ne change rien ca me dit toujours "verifiez que vous avez bien 3 paires de balise TD dans votre premier tr :<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Ma galerie de photos</title> </head> <body> <table> <tbody> <th colspan="3">Le tableau</th> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </tbody> </table> </body> </html>

    le 13/09/2017 à 17h44

  • mram

    mram Administrateur

    Bonjour, la balise "th" doit être dans une balise "tr". "th" est comme une cellule "td" sauf qu'elle sert pour l'en-tête du tableau (son contenu est mis en gras par défaut par les navigateurs).

    le 14/09/2017 à 13h48

  • ines.delinotte-30

    ines.delinotte-30

    Bonjour ! Je n'arrive pas à valider ce cours, quand je clique sur "Soumettre", ça m'indique ce message d'erreur : "Erreur interne : Veuillez passer à l'exercice suivant, un administrateur corrigera celui là dès que possible, merci."

    le 26/02/2019 à 23h02

  • meriam

    meriam Administrateur

    il manque la balise tr dans la partie thead

    le 27/02/2019 à 11h43

  • parfait.tanny-72

    parfait.tanny-72

    help

    le 13/03/2018 à 18h02

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ?

    le 16/03/2018 à 04h56

  • nicolaschallenge-46

    nicolaschallenge-46

    verifiez que vous avez bien un couplede balise<th>dans la balise <thead>

    le 14/09/2018 à 17h02

  • mram

    mram Administrateur

    Et oui, vous n'avez qu'une seule balise "th".

    le 02/10/2018 à 05h24

  • zackel7593-57

    zackel7593-57

    Bonjour, je reçois ce msg d'erreur ''Erreur interne : Veuillez passer à l'exercice suivant, un administrateur corrigera celui là dès que possible, merci.''

    le 10/12/2018 à 09h52

  • meriam

    meriam Administrateur

    Dans la partie en-tête du tabeau < thead>< /thead> ajoutez les balises < tr> et < /tr>.tr désigne une ligne et th désigne une colonne.

    le 10/12/2018 à 10h03

  • simon.kleiss-70

    simon.kleiss-70

    Bonjour, pouvez-vous m'apporter la solution car je ne trouve pas mon erreur. Merci

    le 26/07/2018 à 11h05

  • mram

    mram Administrateur

    Bonjour, quel message avez-vous ?

    le 02/08/2018 à 04h54

  • hugo.leguay-33

    hugo.leguay-33

    Message d'erreur : "Erreur interne : Veuillez passer à l'exercice suivant, un administrateur corrigera celui là dès que possible, merci."

    le 15/11/2018 à 20h13

  • meriam

    meriam Administrateur

    il faut aussi rajouter des < tr>

    le 19/11/2018 à 14h28

  • mapmaya-7

    mapmaya-7

    Bonjour, j'ai un message d'erreur : Vérifiez que vous avez trois lignes (<tr></tr>)!

    le 07/05/2018 à 18h04

  • mram

    mram Administrateur

    Bonjour, il y a une erreur au début de votre tableau. Jamais il ne faut mettre la balise "thead" dans une balise "tr".

    le 14/05/2018 à 02h10

  • mram

    mram Administrateur

    C'est la balise "thead" qui contient une balise "tr" qui contient elle-même une balise "th".

    le 14/05/2018 à 02h11

  • aimsylar

    aimsylar

    Pour ceux qui n'y arrivent pas -> <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Ma galerie de photos</title> </head> <body> <table> <thead> <th colspan="3">tableau</th></thead><tbody><tr> <td>Portugal</td><td>Allemagne</td>France</td></tr> </tbody> <td>3</td> <td>3</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr><tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> </body> </html>

    le 16/09/2017 à 18h50

  • aimsylar

    aimsylar

    Rajoutez <td> devant france erreur de frappe

    le 16/09/2017 à 18h53

  • clad91130-95

    clad91130-95

    bonjour je cherche mon erreur svp

    le 14/06/2018 à 14h13

  • mram

    mram Administrateur

    Bonjour, ligne 11 la balise "th" doit se trouver dans une balise "tr".

    le 19/06/2018 à 04h48

  • mehdi_chabani-51

    mehdi_chabani-51

    Bonsoir, voici ce que "Soumettre" le correcteur automatique me dit : Erreur interne : Veuillez passer à l'exercice suivant, un administrateur corrigera celui là dès que possible, merci.

    le 14/12/2018 à 01h14

  • meriam

    meriam Administrateur

    il vous manque la balise tr dans la partie thead .

    le 14/12/2018 à 09h54

  • simon.kleiss-70

    simon.kleiss-70

    Bonjour, pouvez-vous m'aider svp --> Erreur(s) : Vérifiez que vous avez bien trois paires de balises <td></td> dans votre premier <tr>

    le 14/07/2018 à 12h49

  • mram

    mram Administrateur

    Bonjour, dans votre dernier essai, la balise "th" est inutile.

    le 25/07/2018 à 04h18

  • chanthasack

    chanthasack

    J'ai fini l'xeo, je ne m'attendais pas à ce résultat, bizarre comme tableau

    le 30/11/2017 à 17h14

  • mike.jeanphilippe-39

    mike.jeanphilippe-39

    bonjour je ne vois pas mon erreur

    le 27/03/2018 à 13h39

  • mram

    mram Administrateur

    Bonjour, vous n'avez pas fermé la balise "tbody".

    le 30/03/2018 à 02h00

  • yoan14200-10

    yoan14200-10

    Je clic sur soumettre c'est ok : "Bien joué" mais ce n'est pas validé dans la leçon!

    le 16/06/2018 à 23h57

  • guillot1640-54

    guillot1640-54

    Je ne comprends pas mon erreurs

    le 21/02/2018 à 08h52

  • mram

    mram Administrateur

    Bonjour, "thcolspan" ça ne va pas : le nom de la balise et l'attribut sont collés ...

    le 25/02/2018 à 01h06

  • clemence.heinel-39

    clemence.heinel-39

    Voici le message d'erreur affiché :Erreur(s) : Vérifiez que vous avez bien trois paires de balises <td></td> dans votre premier <tr>

    le 25/10/2018 à 21h46

  • meriam

    meriam Administrateur

    Je viens de tester votre code, il fonctionne correctement.

    le 26/10/2018 à 12h52

  • ou.broly-83

    ou.broly-83

    Bonjour, je ne comprends pas le message :"Vérifiez que vous avez bien trois paires de balises <td></td> dans votre premier <tr>". J'ai pourtant fais ce qu'ils m'ont demandé

    le 16/07/2018 à 17h24

  • mram

    mram Administrateur

    Bonjour, dans la première ligne r "tr" je ne vois que une balise "th".

    le 25/07/2018 à 04h31

  • ferreiracerqueirac-14

    ferreiracerqueirac-14

    Erreur interne : Veuillez passer à l'exercice suivant, un administrateur corrigera celui là dès que possible, merci.

    le 17/12/2018 à 10h04

  • meriam

    meriam Administrateur

    Bonjour, à la ligne 9, il vous manque la balise tr. < thead >< tr>< th>< /th>< /tr>< /thead> .

    le 17/12/2018 à 10h13

  • stephane.rihet-1

    stephane.rihet-1

    Bonjour, voici mon erreur :Erreur interne : Veuillez passer à l'exercice suivant, un administrateur corrigera celui là dès que possible, merci.

    le 10/01/2019 à 10h53

  • meriam

    meriam Administrateur

    à la ligne 10, dans la partie thead, il vous manque la balise tr avant th.

    le 11/01/2019 à 12h45

  • maxime.orengo

    maxime.orengo

    Bonjour, incomprehensif, le correcteur me dit qu'il n'y à pas 3 balises <td> dans mon premier <tr> hors c'est bien le cas : <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Ma galerie de photos</title> </head> <body> <table> <tbody> <th colspan="3">Le tableau</th> </tbody> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> </body> </html>

    le 12/09/2017 à 11h06

  • mram

    mram Administrateur

    Bonjour, le souci vient du fait que votre balise "tbody" doit contenir tout votre tableau, et pas juste "th".

    le 12/09/2017 à 17h34

  • demy.arnaud-47

    demy.arnaud-47

    Tableau s'affiche correctement, mais la console retourne ce message : Erreur interne : Veuillez passer à l'exercice suivant, un administrateur corrigera celui là dès que possible, merci.

    le 04/03/2019 à 12h03

  • meriam

    meriam Administrateur

    Bonjour, vous devez ajouter la balise tr à l'intérieur de la balise thead.

    le 04/03/2019 à 12h44

  • Nos_ave

    Nos_ave

    Merci, c'est vrai que je l'ai complètement oubliée ^^.

    le 09/03/2019 à 21h05

  • ferreiracerqueirac-14

    ferreiracerqueirac-14

    merci!

    le 17/12/2018 à 10h17