Exercice 5/15

Vous allez compléter votre tableau avec l'année de création de "Google" et l'année de création d'"Amazon". Voici comment faire :

  • Ajoutez une cellule à la deuxième ligne du tableau avec les balises <td></td> au-dessous de la cellule Google puis écrivez "1998" à l'intérieur (sans les guillemets).
  • Ajoutez une cellule à la troisième ligne du tableau avec les balises <td></td> au-dessous de la cellule Amazon puis écrivez "1994" à l'intérieur (sans les guillemets).
  • Vous devez aboutir à 3 lignes et 2 colonnes, chaque ligne ayant 2 cellules.
  • Notez que les cellules de chaque ligne ont la même largeur, elles ne sont pas indépendantes mais sont contraintes par une architecture en 2 colonnes : ajouter une cellule à une ligne, revient à ajouter une colonne au tableau tout entier !

Leçon 5/15

Il vous a fallu imbriquer 3 balises pour créer un tableau à une colonne.

Voyons maintenant comment créer plusieurs colonnes. Regardez la première ligne du tableau dans le fichier index.html. : nous avons deux cellules de données (lignes 9 et 10), contenant chacune un texte : "Facebook" et "2004".

En revanche, les deux autres lignes de notre tableau n'ont qu'une cellule. Remédions à cela !

Commentaires les mieux notés

12 Commentaires

  • kirianbelland04-20

    kirianbelland04-20

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

    le 12/02/2021 à 12h52

  • meriam

    meriam Admin

    Bonjour, quel est votre erreur.

    le 12/02/2021 à 13h03

  • cyril_hoareau-99

    cyril_hoareau-99

    Bonjour, je n'est pas compris se que voulais dire cette annotation dans l'exercice: "Notez que les cellules de chaque ligne ont la même largeur, elles ne sont pas indépendantes mais sont contraintes par une architecture en 2 colonnes : ajouter une cellule à une ligne, revient à ajouter une colonne au tableau tout entier ! " Merci

    le 07/12/2020 à 08h34

  • meriam

    meriam Admin

    Bonjour, tout d 'abord, il faut commencer toujours par la création des lignes avec la balise tr et aprés on passe à la création des cellules avec les balises td (table data).

    le 07/12/2020 à 12h57

  • meriam

    meriam Admin

    Exemple: si on ajoute une 1 ère ligne tr avec deux cellules (cela engendre la création de deux colonnes sur tout le tableau) . Tout simplement, quand on ajoute une 2 ème ligne ( on aura automatiquement deux cellules).

    le 07/12/2020 à 13h00

  • mram

    mram Admin

    Parce que c'est 1897 et pas 1837 ...

    le 02/06/2016 à 19h37

  • alexpers

    alexpers

    Bonjour, Je ne comprends pas pourquoi le message d'erreur me dit que le contenu de ma deuxieme cellule n'est pas le couple Dracula / 1837... Merci !

    le 02/06/2016 à 18h38

Pour publier un commentaire, vous devez vous connecter.
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> </tr> <tr> <td>Amazon</td> </tr> </table> </body> </html>
http://localhost:8080