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

  • yakua68

    yakua68

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

    le 15/01/2020 à 16h38

  • robert.rhomassti2d-28

    robert.rhomassti2d-28

    merci a @meriam pour m avoir aider

    le 05/02/2020 à 10h40

  • manox

    manox

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

    le 09/02/2020 à 17h40

  • meloni.valentine-18

    meloni.valentine-18

    img &#123; width:100px; height:100px; } table, td &#123; border: 2px #70a6ff dashed; }

    le 12/11/2019 à 15h45

  • 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 à 20h16

20 Commentaires

  • 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 à 16h46

  • 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 à 19h13

  • 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 à 19h14

  • melanie.maziere-11

    melanie.maziere-11

    yes !! réussit ! merci meriam !

    le 02/06/2020 à 09h37

  • meriam

    meriam Admin

    Je vous en prie

    le 02/06/2020 à 12h56

  • 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 à 12h54

  • 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 16/04/2020 à 02h04

  • melanie.develde-61

    melanie.develde-61

    Meriam je suis coincé .Merci beaucoup

    le 09/04/2020 à 14h54

  • 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 à 14h56

  • 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 à 20h16

  • vincentlny84-17

    vincentlny84-17

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

    le 17/02/2020 à 10h54

  • 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 à 13h39

  • manox

    manox

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

    le 09/02/2020 à 17h40

  • robert.rhomassti2d-28

    robert.rhomassti2d-28

    merci a @meriam pour m avoir aider

    le 05/02/2020 à 10h40

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; }