Les tableaux
Auteur : victor web
Accès aux autres cours
Cours HTML - 1 : Structure d'un document HTML
Cours HTML - 2 : Le traitement du texte
Cours HTML - 3 : Listes d'éléments
Cours HTML - 4 : Les liens hypertextes
Cours HTML - 5 : Les images
Cours HTML - 6 : Attributs de présentation
Cours HTML - 7 : Les tableaux
Cours HTML - 8 : Les frames
Cours HTML - 9 : Concepts avancés Infinite Menus, Copyright 2006, OpenCube Inc. All Rights Reserved.
Nous abordons ici la partie la plus délicate mais aussi la plus intéressante du point de vue de la présentation. Les tableaux permettent des possibilités d'alignement que les autres éléments du Html n'autorisent pas.
Balises de base
Le marqueur initialise le tableau. Il possède tout un tas de paramètres qui peuvent donner ses caractéristiques. Par exemple, ici BORDER donne l'épaisseur du bord des cellules et du tableau.
La marqueur , lui, débute une ligne d'un tableau, le marqueur quant à lui débute une cellule. Un tableau à deux lignes et deux colonnes, et donc à quatre cellules se représente comme suit :
1
2
3
4
Les cellules
Avant toutes choses, les cellules peuvent contenir tous les éléments HTML déjà passés en revue, soit : du texte des images des liens des arrière-plans et même des tableaux (eh oui!)
Bien que l'allure de votre tableau soit déjà déterminée, chaque cellule est en quelque sorte un petit univers à part qui a ses propres spécifications. Découvrons les balises.
Largeur d'une cellule en pixels en pourcentage
Fusion de lignes
Fusion de colonnes
Découvrons ceci par des exemples.
Je veux un tableau centré qui occupe 60% de la fenêtre avec, sur une ligne, trois colonnes égales. Essayons ceci :
cellule1 cel. 2
3
cellule1 cel. 2
3
Ou :
cellule1 cel. 2
3
cellule1 cel. 2
3
Le même tableau mais avec 2 lignes :
cellule1 cel. 2
3
cellule1