Les tableaux, notions avancées (HTML 3.2)

Caractéristiques globales à un tableau

La marque <table> peut prendre divers attributs qui influenceront l'apparence du tableau dans sa totalité. Auncun de ces attributs n'est obligatoire.

Align=" {Left, Right ou Center}"

position du tableau par rapport aux marges gauche et droite. Valeur par défaut: Left.

Width="n"

largeur totale du tableau. Si n est une simple valeur numérique, elle indique la largeur en "pixels"; si n est une valeur numérique suivie du signe %, elle indique une proportion de l'espace disponible entre la marge gauche et droite. A défaut de toute indication la largeur sera automatiquement déterminée en fonction du contenu du tableau.

Border="n"

épaisseur de la bordure en pixels. Valeur par défaut: généralement 1.

CellSpacing="n"

épaisseur de la bordure de séparation entre cellules du tableau.

CellPadding="n"

espace libre (en pixels) entre le contenu d'une cellule et la bordure de la cellule.

Caractéristiques globales à toute une rangée

La marque <tr> peut prendre les attributs suivants, qui influenceront l'apparence de toutes les cellules de la rangée:

Align=" {Left, Right ou Center}"

position, selon un axe horizontal, du contenu d'une cellule par rapport à l'espace réservé au contenu de la cellule.

VAlign=" {Top, Middle ou Bottom}"

position, selon un axe vertical, du contenu d'une cellule par rapport à l'espace réservé au contenu de la cellule.

Caractéristiques locales à une cellule

Les marques <th> et <td> peuvent prendre les attributs suivants, qui influenceront l'apparence de la cellule:

NoWrap

empèche les retours automatiques à la ligne, c-à-d que tous les espaces du texte de la cellule seront considérés comme insécables. Dans l'exemple ci-dessous, les deux cellules ont le même contenu, mais la première a l'attribut NoWrap (la largeur totale de la table a été limitée à 50% pour rendre l'effet plus visible).

être ou ne pas être, telle est la question

être ou ne pas être, telle est la question

RowSpan="n"

la cellule couvrira la surface de n rangées (nombre entier positif). Dans l'exemple ci-dessous, la première cellule de la première ligne a un attribut RowSpan=2

la première cellule couvre deux rangées (RowSpan=2)	ceci est la deuxième cellule de la première rangée
	ceci est la première cellule de la deuxième rangée
ceci est la première cellule de la troisième rangée	ceci est la deuxième cellule de la troisième rangée

ColSpan="n"

la cellule couvrira la surface de n colonnes (nombre entier positif). Dans l'exemple ci-dessous, la première cellule de la première ligne a un attribut ColSpan=2

la première cellule couvre deux colonnes (ColSpan=2)		ceci est la deuxième cellule de la première rangée
ceci est la première cellule de la deuxième rangée	ceci est la deuxième cellule de la deuxième rangée	ceci est la troisième cellule de la deuxième rangée

Align=" {Left, Right ou Center}"

position, selon un axe horizontal, du contenu d'une cellule par rapport à l'espace réservé au contenu de la cellule. Valeur par défaut: Left pour une cellule <td> et Center pour une cellule <th>. Exemple:

Align=Left

Align=Center

Align=Right

VAlign=" {Top, Middle, Bottom ou Baseline}"

position, selon un axe vertical, du contenu d'une cellule par rapport à l'espace réservé au contenu de la cellule. Valeur par défaut: Middle, à moins que la marque <tr> précédente ait spécifié autre chose. Exemple (la hauteur de la table a été forcée à 80 pixels pour rendre l'effet plus visible - cet exemple n'apparaît pas correctement dans le polycopié, mais est affiché correctement en-ligne):

VAlign=Top

VAlign=Middle

VAlign=Bottom

Note: la valeur Baseline n'a vraiment de sens que si elle est utilisé pour toutes les cellules d'une même rangée et elle a alors pour effet d'aligner la ligne de base de toutes les premières lignes des cellules de la rangée. Elle se distingue de la valeur Top dans le cas où une des premières lignes contiendrait des exposants:

VAlign=Top	xi2
VAlign=Baseline	xi2

Width="n"

largeur désirée (en pixels) de l'espace réservé au contenu de la cellule, marge (padding) non comprise. Cette valeur peut être ignorée si elle rentre en conflit avec la largeur nécessaire à d'autres cellules de la même colonne.

Height="n"

hauteur désirée (en pixels) de l'espace réservé au contenu de la cellule, marge (padding) non comprise. Peut être ignorée s'il y a conflit avec les besoins d'autres cellules de la même rangée.

BgColor="couleur"

couleur de l'arrière-plan de la cellule, y compris les marges (padding).

Quelques recommandations

• éviter autant que possible de spécifier des largeurs ou des hauteurs en pixels car l'apparence du document dépend trop de la taille de la fenêtre d'affichage, de la fonte de caractères choisie par l'utilisateur, de la résolution de l'écran de l'ordinateur, ...
• assurez-vous de l'apparence de votre document en utilisant plusieurs largeurs de fenêtre différentes et plusieurs fontes de tailles différentes. Il faut essayer d'arriver à ce que le document ait une apparence acceptable pour toutes les valeurs raisonables de ces "paramètres".

---