Exercice 6/15

Nos données sont actuellement directement à l'intérieur du tableau. Ajoutons un niveau supplémentaire en les imbriquant dans le corps du tableau grâce aux balises <tbody> et </tbody>. L'en-tête viendra après !

Leçon 6/15

Reprenons notre tableau précédent : une liste de géants de l'internet avec leurs dates de création. Un tableau est un peu un document en soi et à ce titre, il a, comme une page web, un en-tête et un corps : la balise <thead> ("table header" en anglais ) et <tbody> ("table body" en anglais) peuvent être insérées à l'intérieur de la balise <table> pour délimiter ces deux parties.

Comme <head> et <body> pour votre page HTML, <thead> et <tbody> contiennent respectivement des informations sur le tableau et des données à l'intérieur du tableau.

_

Les balises <tr> font partie du contenu : elles doivent donc être à l'intérieur de <tbody> et les balises <tbody> doivent être à l'intérieur des balises <table>.

Cette subdivision n'apporte pas de changement à l'affichage.

_

Commentaires les mieux notés

53 Commentaires

  • karimakookoo95-90

    karimakookoo95-90

    j'ai vérifié ma réponse j'arrive pas à trouver la faut merci de me répondre

    le 07/06/2022 à 15h41

  • meriam

    meriam Admin

    N'ajoutez pas un contenu supplémentaire, appliquer l'élément tbody du tableau sur le code initial.

    le 07/06/2022 à 16h21

  • karimakookoo95-90

    karimakookoo95-90

    JE NE SAISPASOU SE TROUVE L'erreur vous pouvez m'aider svp

    le 07/06/2022 à 15h28

  • meriam

    meriam Admin

    Bonjour, il faut appliquer le niveau supplémentaire (l'ajout de l'élément tbody) sur le code initial. Il faut supprimer le contenu que avous avez ajouté.

    le 07/06/2022 à 16h18

  • ferreira-celine2-75

    ferreira-celine2-75

    Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ?

    le 18/08/2021 à 14h45

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 31/08/2021 à 00h41

  • ferreira-celine2-75

    ferreira-celine2-75

    Bonjour

    le 18/08/2021 à 14h44

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 31/08/2021 à 00h42

  • andrei.plesuvu-83

    andrei.plesuvu-83

    je pense que c'est une erreur mais il m'aventuras dit que l'exerças c'est bon

    le 19/01/2021 à 13h05

  • meriam

    meriam Admin

    Pour cet exercice, il suffit d'ajouter un niveau supplémentaire <body> et </body>

    le 19/01/2021 à 20h18

  • andrei.plesuvu-83

    andrei.plesuvu-83

    <!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <table border="1px"> <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> <thead></thead> <tr> <td>Facebook</td> <td>2004</td> </tr> <tr> <td>Google</td> <td>1998</td> </tr> <tr> <td>Amazon</td> <td>1994</td> </tr> </table> </body> </html>

    le 19/01/2021 à 13h04

  • meriam

    meriam Admin

    Bonjour, le code entre la balise fermante </body> et la balise fermante </table> est inutile (vous devez le supprimer).

    le 19/01/2021 à 20h17

  • ludoxm-34

    ludoxm-34

    Vous devez placer uniquement 3 balises <tr> à l'intérieur de la balise <table>.

    le 07/01/2021 à 13h05

  • meriam

    meriam Admin

    Il faut supprimer les balises supplémentaires que vous avez ajouté : <tr> <td>Sephora</td> <td>1973</td> </tr> <tr> <td>Marionnaud</td> <td>1984</td> </tr>

    le 07/01/2021 à 13h14

  • ludoxm-34

    ludoxm-34

    bonjour , pourriez vous m'aidez ??

    le 07/01/2021 à 12h36

  • meriam

    meriam Admin

    Bonjour, c'est quoi le message d'erreur affiché??

    le 07/01/2021 à 12h42

  • rosirisf77-81

    rosirisf77-81

    je crois que que je suis bloque

    le 06/10/2020 à 16h20

  • meriam

    meriam Admin

    Bonjour, vous n'avez pas fermé la balise fermante body.

    le 07/10/2020 à 12h39

  • rosirisf77-81

    rosirisf77-81

    <tbody> <tr> <td>Sephora</td> <td>1973</td> </tr> <tr> <td>Marionnaud</td> <td>1984</td> </tr> <tr> <td>Citroën</td> <td>1919</td> </tr>

    le 06/10/2020 à 16h18

  • meriam

    meriam Admin

    Bonjour, il faut fermer la balise fermante </body>

    le 07/10/2020 à 12h52

  • loutchay-74

    loutchay-74

    Bonjour, je ne comprends pas pourquoi ça bloque. Dès que je soumets, cela m'indique: Vous devez placer uniquement 3 balises <tr> à l'intérieur de la balise <table>.

    le 29/07/2020 à 21h21

  • meriam

    meriam Admin

    Bonjour, les lignes du tableau doivent être à l'intérieur de l'élément tbody,

    le 03/08/2020 à 08h39

  • meriam

    meriam Admin

    La balise ouvrante tbody doit être avant la 1 ère ligne et la balise fermante doit être aprés la dernière ligne.

    le 03/08/2020 à 08h40

  • bouzidi.djamel-100

    bouzidi.djamel-100

    bonjour quelq un peut mexpliquer cet exo je suis bloqué

    le 25/10/2019 à 09h29

  • meriam

    meriam Admin

    Bonjour, pour cet exercice on demande juste de entourer le corps du tableau dans la balise tbody.

    le 25/10/2019 à 11h45

  • brunelguirand-72

    brunelguirand-72

    J'ai trouvé la réponse il faut placer les balises <tbody> à l'intérieur des balises <table> ensuite placer 3 balise <tr> à l'intérieur de la balise <tbody> après palcer 2 balises <td> dans chaque balise <tr> et le texte qui va avec

    le 21/10/2019 à 07h52

  • ou.broly-83

    ou.broly-83

    Je ne comprends pas quand je clique sur "soumettre" il me dit :"bien joué" mais j'ai l'impression que l'exercice n'est pas validé parce qu'il n'y a pas l'encoche verte ainsi que les 100%

    le 21/07/2018 à 11h49

  • olivier-agueda-60

    olivier-agueda-60

    Il suffit de bien lire l'énoncé pour bien le caler le père tbody ^^

    le 16/07/2018 à 18h21

index.html
<!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <table border="1px"> <tr> <td>Facebook</td> <td>2004</td> </tr> <tr> <td>Google</td> <td>1998</td> </tr> <tr> <td>Amazon</td> <td>1994</td> </tr> </table> </body> </html>