Médiaforma

Une première approche des tableaux

Print Friendly

Pour définir un tableau, vous utiliserez la balise <table></table>. Chacune des lignes du tableau sera repérée par la balise <tr> </tr> et chacune des colonnes d’une ligne par la balise <td> </td>.

Voici un exemple élémentaire de tableau contenant deux lignes et trois colonnes :

Pour mieux visualiser les cellules du tableau, nous allons leur ajouter des bordures avec l’attribut border de la balise <table> :

Comme vous pouvez le voir la taille des cellules s’adapte à leur contenu, tout en conservant une cohérence sur les colonnes. Ainsi, la largeur d’une colonne sera définie par la cellule dont le contenu est le plus large. Dans l’exemple précédent, la cellule qui contient le mot « quatrième » fixe la largeur de la première colonne, et la cellule qui contient le mot « troisième » fixe la largeur de la troisième colonne.

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply