Exercice 3/7

Subdivisez chaque ligne en 3 compartiments. Cela reviendra à créer 3 colonnes à notre tableau, soit une grille de morpion de 3 x 3 cellules !

Leçon 3/7

Nous allons à présent réaliser un tableau de 9 cellules réparties à raison de trois cellules par ligne.

_

Les cellules d'un tableau se créent avec les balises <td></td>.

_

Commentaires les mieux notés

26 Commentaires

  • marcelantoine75-15

    marcelantoine75-15

    Bonjour je n'est pas compris comment on créé 2 autre colonne a coter de la première quelqu'un peut m'aider ?

    le 15/06/2022 à 13h52

  • meriam

    meriam Admin

    Bonjour, pour ajouter d'autres colonnes, il faut utiliser la balise td (table data).

    le 15/06/2022 à 14h47

  • meriam

    meriam Admin

    bien sur il faut imbriquer les balises td à l'intérieur de la balise tr.

    le 15/06/2022 à 14h49

  • OsirusJack

    OsirusJack

    merci grace à vous j'ai tout bon cimer

    le 25/04/2022 à 06h59

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 25/04/2022 à 13h50

  • v.boidron-67

    v.boidron-67

    Non apparemment cela refonctionne.merci

    le 04/05/2021 à 09h32

  • meriam

    meriam Admin

    votre code est correct.

    le 04/05/2021 à 13h37

  • v.boidron-67

    v.boidron-67

    Bonjour, les commentaires sont ils fermés, je n'ai plus de réponses à mes questions depuis 15 jours et elles ne figurent pas dans mon profil ?

    le 23/04/2021 à 13h50

  • meriam

    meriam Admin

    Bonjour, le problème persiste toujours??

    le 27/04/2021 à 12h25

  • paulsteferenson99-100

    paulsteferenson99-100

    <table> <tbody> <tr> <td></td> <td></td> <td></td> </tr> <td></td> <td></td> <td></td> <tr> <td></td> <td></td><td></td> </tr> </tbody> </table>. voici mon code il donne erreur. Quel est le probleme help me. Merci

    le 06/09/2019 à 16h31

  • meriam

    meriam Admin

    Bonjour, dans le tableau, il ya 3 lignes et chaque ligne contient 3 colonnes td.

    le 09/09/2019 à 11h59

  • flausag-18

    flausag-18

    J'ai fini par trouvé mon erreur. Il y a un t qui manquait à na balise <tbody>

    le 06/06/2018 à 14h05

  • flausag-18

    flausag-18

    Tout est en place chez moi mais il trouve tourjours une erreur

    le 06/06/2018 à 14h02

  • mram

    mram Admin

    Il vous manque la balise "body" entre les lignes 6 et 7. N'oubliez pas de la fermer à la fin.

    le 29/05/2017 à 10h39

  • lkindetoys

    lkindetoys

    <table> <tbody> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table> </html> je vois pas mon erreur help me

    le 21/05/2017 à 12h12

  • mram

    mram Admin

    Et oui justement, la balise </tbody> ne doit pas être placée après </table> mais avant. Aux lignes 8 et 9 c'est bien <table> qui est ouvert en premier et qui contient <tbody>, donc lignes 25, 26 il faut fermer d'abord </tbody> puis </table>.

    le 09/08/2016 à 07h21

  • pascal-ds

    pascal-ds

    En fait, il semble qu'il ne prenne pas en compte la balise <tbody> placée juste après <table>... pourquoi ?

    le 08/08/2016 à 07h20

  • pascal-ds

    pascal-ds

    bonjour, le soft refuse de valider la réponse, en indiquant une erreur ligne 26, qui est la balise de fermeture </tbody>... je ne vois pas où est l'erreur...

    le 08/08/2016 à 07h16

  • mram

    mram Admin

    Bonjour,

    <tbody> représente le corps du tableau, il existe aussi <thead> pour l'en-tête et <tfoot> pour le pied.

    le 31/03/2016 à 05h57

  • stevenherv

    stevenherv

    j'ai pas compris l'interet de mettre <tbody></tbody> juste apres le table pour ne pas s'en servir sinon on peut pas valider

    le 30/03/2016 à 09h13

  • lukaspb2

    lukaspb2

    hredc<vsfhbgt-gyvij v

    le 27/01/2016 à 15h01

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></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> </table> </body> </html>
img { width:100px; height:100px; } table, td { border: 2px #70a6ff dashed; }