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

250 Commentaires

  • hadjerbenhadid86-74

    hadjerbenhadid86-74

    bonjour, c'est quoi l'erreur ici ?svp

    le 12/02/2023 à 20h38

  • Patricio M

    Patricio M Admin

    Aucune erreur :)

    le 13/02/2023 à 14h07

  • j.koundour-65

    j.koundour-65

    bonjour je pense que mon code est bon mais ça ne me le valide pas lorsque je clique sur "soumettre" <table> <thead> <tr> <th colspan="3">les nombres</th> </tr> <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> </thead> </table>

    le 18/11/2021 à 14h25

  • meriam

    meriam Admin

    Bonjour, le bouton soumettre fonctionne corectement.

    le 18/11/2021 à 14h58

  • khadidja

    khadidja

    <table> <thead> <tr> <th colspan="3">TABLEAU</th> </tr> <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> </thead> c'est la solution merci

    le 03/10/2021 à 21h16

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 04/10/2021 à 11h03

  • Juliensamoun-90

    Juliensamoun-90

    bonjour a quoi sert les balise <tr> qui encadre le <th></th> dans le <thead> ??

    le 06/09/2021 à 09h00

  • meriam

    meriam Admin

    Bonjour, la balise th doit être imbriquée à l'intérieur de l'élément tr.

    le 06/09/2021 à 11h18

  • jean-daniel.gaillard-9

    jean-daniel.gaillard-9

    Bonsoir, le tableau semble ok de mon côté mais je ne comprend pas mon erreur.

    le 08/04/2021 à 15h24

  • meriam

    meriam Admin

    Bonjour, il faut toujours commencer par l'ajout d'une ligne tr dans la partie thead.

    le 09/04/2021 à 10h11

  • Afia143-7

    Afia143-7

    j'arrive pas a valide voila mon code, <table> <thead><th colspan="3"> Mon tableeau</th></thead> <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>

    le 12/02/2021 à 16h10

  • meriam

    meriam Admin

    L'entête du tableau doit être avant la 1 ère balise tr.

    le 12/02/2021 à 20h36

  • alexandre.sequeira01-73

    alexandre.sequeira01-73

    toujousr un message d'erreur depuis 2018 le problème persiste ça fait peur pour une école d'informatique

    le 04/06/2020 à 12h46

  • meriam

    meriam Admin

    Bonjour, votre code n'est pas correct. L'énonce demande d'ajouter un entête au tableau, juste aprés la balise ouvrante table, vous devez ajouter un entête en utilisant la balise thead et th pour créer une cellule (n'oubliez pas la balise tr pour la création d'un ligne)

    le 04/06/2020 à 15h13

  • meriam

    meriam Admin

    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>.

    le 04/06/2020 à 15h14

  • melanie.maziere-11

    melanie.maziere-11

    yes !! réussit ! merci meriam !

    le 02/06/2020 à 05h37

  • meriam

    meriam Admin

    Je vous en prie

    le 02/06/2020 à 08h56

  • sacha_cohen8-43

    sacha_cohen8-43

    bonjour je ne trouve pas mon erreur et il me dit de passer a l'exercice suivant qu'un admin viendra vous aider

    le 15/04/2020 à 08h54

  • meriam

    meriam Admin

    Dans la partie thead du tableau, il faut ajouter une ligne avec la balise tr, toutes les cellules (td) d' un tableau doivent être imbriquées dans une ligne (tr).

    le 15/04/2020 à 22h04

  • melanie.develde-61

    melanie.develde-61

    Meriam je suis coincé .Merci beaucoup

    le 09/04/2020 à 10h54

  • meriam

    meriam Admin

    Dans la partie thead du tableau vous devez ajouter la balise tr (une ligne). Toutes les cellules (td) d'un tabeau doivent être imbriquées dans tr.

    le 09/04/2020 à 10h56

  • thomas.montarello-86

    thomas.montarello-86

    <!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>SUDOKU</th> </tr> </thead> <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 26/02/2020 à 18h16

  • vincentlny84-17

    vincentlny84-17

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

    le 17/02/2020 à 08h54

  • meriam

    meriam Admin

    Bonjour, dans la partie thead n'oubliez pas d'ajouter la balise tr pour la création de la ligne (il faut toujours commencer par les lignes puis on passe à la création des colonnes)

    le 17/02/2020 à 11h39

  • manox

    manox

    La solution est, <table> <thead> <tr> <th>ecrivez ce que vous voulez</th> </tr> </thead>

    le 09/02/2020 à 15h40

  • robert.rhomassti2d-28

    robert.rhomassti2d-28

    merci a @meriam pour m avoir aider

    le 05/02/2020 à 08h40

  • yakua68

    yakua68

    N'oubliez pas <tr> avant <th> ;)

    le 15/01/2020 à 14h38

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Ma galerie de photos</title> </head> <body> <table> <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>
img { width:100px; height:100px; } table, td { border: 2px #70a6ff dashed; }