Exercice 3/15

Ligne 8, nous avons ajouté une ligne à notre tableau avec le couple de balises <tr></tr>.

Lignes 10 et 11, ajoutez deux lignes au tableau sur le même modèle.

Leçon 3/15

Quand on dessine un tableau, on fait une sorte de quadrillage et on a le choix de commencer par tracer les lignes verticales (pour former des colonnes) ou plutôt les lignes horizontales (pour former les lignes). Le croisement des deux aboutit à la formation de cases qu'on appellera "cellules"

En HTML, on n'a pas vraiment le choix : on commence par créer les lignes. C'est un peu la même logique que l'écriture occidentale : de gauche à droite et de haut en bas.

On utilise la balise <tr> (table row signifie "ligne de tableau") pour créer une ligne dans un tableau. Nous verrons par la suite comment créer les colonnes : cela consiste à subdiviser notre ligne en plusieurs cellules.

Commentaires les mieux notés

15 Commentaires

  • Eric_VDB

    Eric_VDB

    Pour celles et ceux qui n'ont pas compris : <!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <table> <tr></tr> <!-- Ce tableau comprend déjà une ligne, ajoutez-en deux --> <tr></tr> <tr></tr> </table> </body> </html>

    le 13/10/2021 à 09h24

  • meriam

    meriam Admin

    Bonjour, quel votre problème?

    le 15/10/2021 à 14h19

  • tom.binet.mail-50

    tom.binet.mail-50

    merci beaucoup à vous pour avoir fait ce site d'apprentissage des langages informatiques gratuit

    le 15/03/2019 à 14h48

  • JoyJoyStar2014

    JoyJoyStar2014

    Pourquoi les lignes n'apparaissent pas en dessous ???

    le 19/06/2018 à 19h03

  • mram

    mram Admin

    Vous n'avez rien mis dedans (aucun contenu), donc il n'y a rien à afficher.

    le 24/06/2018 à 02h10

  • ludovicthiolet

    ludovicthiolet

    lukaspb2 : Au cas où, avant de créer une ligne <tr></tr> à chaque fois tu dois entrer la balise <table> ensuite <tr></tr> et </table> pour fermer le tout.

    le 29/08/2017 à 13h46

  • mram

    mram Admin

    Ah non pas du tout, au contraire : la balise "table" est celle qui contient tout le tableau. Un tableau = un seul couple <table></table>

    le 30/08/2017 à 10h31

  • lukaspb2

    lukaspb2

    bloque

    le 27/01/2016 à 12h15

index.html
<!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <table> <tr></tr> <!-- Ce tableau comprend déjà une ligne, ajoutez-en deux --> </table> </body> </html>