Tableaux

Utilitées

Les tableaux servent à présenter des données dites tabulaires (des tableaux de chiffres, par exemple).

Mais pour permettre une mise en page évoluée, on s'en sert souvent pour faire de la présentation graphique. En posant les images côte à côte, dans des cellules différentes, on peut ainsi construire nos pages...

Structure générale

Ils utilisent au minimum les balises suivantes :

   <TABLE>   Ouverture, déclaration du tableau
   <TR>      Row (rang, ligne)
   <TD>      Data (contenu, cellule)

Et parfois :

   <CAPTION> Légende du tableau (centré au dessus)
   <TH>      Header (cellule avec un statut de titre)

Empilement

On ouvre le TABLE, on place une ligne TR et les différentes cellules TD. Chaque ligne doit avoir le même nombre de TD.

Le CAPTION (facultatif) sera généralement placé en tête, juste sous TABLE. Les TH sont de rôle différent, et d'aspect différent.

Figure 1 - Un tableau simple
<TABLE border="1">
<CAPTION>titre</CAPTION>
<TR>
     <TD>cellule A:1</TD>
     <TD>cellule A:2</TD>
</TR>
<TR>
     <TD>cellule B:1</TD>
     <TD>cellule B:2</TD>
</TR>
<TR>
     <TD>C:1</TD>
     <TH>C:2</TH>
</TR>
</TABLE>

Et cela donne :

Options

Nombreuses options pour gérer les bordures (et leurs couleurs : attention aux incompatiblités), les couleurs, les dimensions, les alignements, les espacements entre les cellules...

Figure 2 - Passage en revue de diverses options
<TABLE
	border="10" bordercolor="#FF0000"
	bgcolor="#CCFF00"
	background="pingouin_fond.jpg"
	width="150" height="150"
	cellspacing="20" cellpadding="20">
<TR>
	<TD align="center" valign="bottom">center</TD>
</TR>
</TABLE>