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 TRES 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éfinition d'une ligne [Table Row] <TR></TR>

Définition d'une cellule [Table Data] <TD></TD>

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>

Résultat dans la fenetre du navigateur :


Si vous souhaitez y adjoindre des bordures :

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

Résultat dans la fenetre du navigateur :

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=?> ou <TABLE width=%>>

Construisons un exemple avec l'espace entre les cellules ou l'épaisseur des lignes du quadrillage:

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

Résultat dans la fenetre du navigateur :

Construisons un exemple avec l'enrobage des cellules ou l'espace entre le bord et le contenu :

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

Résultat dans la fenetre du navigateur :