|
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é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 |
|
|
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>
|
|
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=?> ou <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>
|
|
|
