Exercice 4/15
- Sur le même modèle qu'à la ligne 9, ajoutez une cellule de données (
<td></td>) à la deuxième ligne du tableau (ligne 13) et écrivezDosentre les balises. - Faites la même chose à la troisième ligne du tableau (ligne 17) et écrivez
Tresentre les balises. - Vous devez aboutir à 1 colonne avec 3 lignes, chaque ligne contenant exactement une cellule.
Leçon 4/15
Pour mieux repérer les lignes du tableau, nous les avons séparées par des lignes vides et nous avons placé la balise fermante </tr> sur une autre ligne que la balise ouvrante <tr>.
Avec une feuille et un crayon, vous n'auriez qu'à tirer un trait vertical pour séparer votre ligne en deux colonnes et ainsi créer deux cellules (au lieu d'une avant). Mais en HTML, on ne procède pas ainsi, regardez bien la ligne 9 du code : on a créé une cellule de données avec la balise <td> (table data signifie "donnée de tableau" en anglais) dans la première ligne du tableau. Nous avons ainsi créé une première colonne (en réalité, il n'y en avait pas avant).
Regardez maintenant la ligne 7 : nous avons attribué une bordure de 1 pixel à la cellule (avec l'attribut border) pour bien faire apparaître notre cellule .
On avance à grands pas dans l'imbrication de balises : vous commencez à comprendre pourquoi il est si important de respecter une bonne indentation de votre code !
_
Cet exercice demande un peu de rigueur, votre navigateur aura du mal à interpréter un tableau mal ficelé !
__
N'oubliez pas : l'indentation est la clé du succès !
_
26 Commentaires
-
l.khezzar.jouvet-90
...le 05/01/2022 à 10h21
-
meriam Admin
Bonjour, quel est votre problème pour pouvoir vous aider??
le 05/01/2022 à 11h55
-
Etienne.D
je sais faire le tableau normalement, mais je ne comprend pas l'exercicele 26/02/2021 à 23h13
-
meriam Admin
Bonjour, votre code est correct.
le 02/03/2021 à 13h38
-
Etienne.D
Pouvez-vous m'expliquer l'exercice ? Je ne comprend plus rien.le 26/02/2021 à 22h56
-
meriam Admin
Bonjour, votre code est correct.
le 02/03/2021 à 13h37
-
niruapp-13
Je retire ma question, je viens de comprendre ! Désolé pour le dérengement !le 22/01/2021 à 11h30
-
meriam Admin
N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.
le 22/01/2021 à 20h51
-
niruapp-13
Bonjour, j'aimerais savoir à quoi sert <table border="1px"> est-ce la taille des cellules de données ?le 22/01/2021 à 11h23
-
meriam Admin
border est un attribut pour attribuer une bordure au tableau, la valeur 1px présente l'épaisseur de la bordure
le 22/01/2021 à 20h50
-
sevot69970-49
oublier pas les majiscule sur le Dos est Tresle 11/11/2020 à 13h48
-
saith_7-74
Bonjour , pour info je fais les exercices a l'aveugle , aucun résultat ne s'affichele 22/10/2020 à 07h17
-
meriam Admin
Bonjour, il suffit de rafraichir la page.
le 23/10/2020 à 12h00
-
besalma682-12
Bonjour , je comprends pas mon erreurle 05/05/2018 à 08h10
-
mram Admin
Bonjour, que vous dit le message d'erreur ?
le 09/05/2018 à 02h21
-
franckferdinand-84
Oups je retire ce que j'ai dis, je n'avais juste pas mis la majuscule a Dos et a Tres, désolé pour le dérangement !le 07/03/2018 à 00h16
-
franckferdinand-84
Bonjour Mram, je pense avoir fait ce qu'il faut, j'obtiens bien le résultat demandé pourtant j'ai le message d'erreur suivant "Attention le contenu de votre deuxième <td> n'est pas "Dos"", qu'est-ce que cela veut dire ? Merci d'avance pour votre réponsele 07/03/2018 à 00h15
-
mram Admin
Bonjour, il manquait la majuscule :)
le 08/03/2018 à 21h09
-
mram Admin
Bizarre, là vous devriez avoir du contenu dans la fenêtre résultats ...
le 18/04/2017 à 09h46
-
timabeye1996
je vois pas le résultat jusqu'à présentle 15/04/2017 à 15h38
Commentaires les mieux notés