Chapitre 11 : Les tableaux

Chapitre 11 : Les tableaux


En Html, les tableaux servent non seulement à aligner des chiffres mais surtout à placer des éléments à
l'emplacement que vous souhaitez. L'usage des tableaux est donc très fréquent.
Un tableau est composé de lignes et de colonnes qui forment les cellules du tableau.
Les balises de base sont donc :
Définition du tableau [Table] <TABLE></TABLE> Début et fin de tableau
Définition d'une ligne [Table Row] <TR></TR> Début et fin de ligne
Définition d'une cellule [Table Data] <TD></TD> Début et fin de cellule

11.1 Un tableau à deux lignes et deux colonnes, et donc à quatre cellules se représente comme suit :
<TABLE>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>

11.2 Si vous souhaitez y adjoindre des bordures :
Bordure de cadre [Border] <TABLE border=?></TABLE>
<TABLE border=2>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>

Il y a encore trois éléments (définis par défaut mais modifiables) :
L'espace entre les cellules ou
l'épaisseur des lignes du quadrillage
<TABLE cellspacing=?>
L'enrobage des cellules ou
l'espace entre le bord et le contenu
<TABLE cellpadding=?>
La largeur de la table <TABLE width=?>
<TABLE width=%>
Construisons un exemple :
<TABLE border=2 cellspacing=10>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>

<TABLE border=2 cellpadding=10>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>