Les tableaux

L'utilisation de tableaux permet la présentation d'information de façon très efficace. Voyons de quoi se compose un tableau simple.

Exemple :

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN="center">Exemple d'un tableau simple</H1><BR>

<TABLE BORDER="1" ALIGN="DEFAULT" WIDTH="100%">
<TR>
<TH ALIGN="LEFT" VALIGN="TOP"></TH>
<TH ALIGN="CENTER" VALIGN="MIDDLE">Titre 1</TH>
<TH ALIGN="CENTER" VALIGN="MIDDLE">Titre 2</TH>
</TR>
<TR>
<TH ALIGN="CENTER" VALIGN="MIDDLE">Exemple
<P>1</P>
</TH>
<TD ALIGN="LEFT" VALIGN="TOP">En haut</TD>
<TD ALIGN="LEFT" VALIGN="MIDDLE">À gauche et au milieu</TD>
</TR>
<TR>
<TH ALIGN="CENTER" VALIGN="MIDDLE">Exemple
<P>2</P>
</TH>
<TD ALIGN="LEFT" VALIGN="MIDDLE">Au milieu</TD>
<TD ALIGN="CENTER" VALIGN="MIDDLE">Au centre et au milieu</TD>
</TR>
<TR>
<TH ALIGN="CENTER" VALIGN="MIDDLE">Exemple
<P>3</P>
</TH>
<TD ALIGN="LEFT" VALIGN="BOTTOM">En bas</TD>
<TD ALIGN="RIGHT" VALIGN="MIDDLE">À droite et au milieu</TD>
</TR>
</TABLE>

</BODY>
</HTML>

Voir l'exemple

Explications :

Balise Utilisation
<TABLE> ... </TABLE> Cette balise signale la présence d'un tableau.
BORDER=" valeur " Cet attribut signale la présence d'une bordure autour du tableau et d'un filet autour des cellules. Par défaut il n'y a pas de cadre.
ALIGN=" left/right/center " Cet attribut identifie le type d'alignement horizontal du tableau ou de la cellule. Les valeurs de cet attribut sont; LEFT pour gauche, RIGHT pour droit et CENTER pour centre.
VALIGN=" top/middle/bottom " Cet attribut identifie le type d'alignement vertical de la cellule. Les valeurs de cet attribut sont; TOP pour haut, MIDDLE pour milieu et BOTTOM pour bas.
WIDTH=" valeur " Cet attribut définit la largeur du tableau ou de la cellule. Par défaut la largeur du tableau ou de la cellule est de 100%. La valeur peut-être exprimée en pourcentage ou en pixel.
<TR> ... </TR> Cette balise identifie une rangée du tableau.
<TH> ... </TH> Cette balise identifie les en-têtes du tableau.
<TD> ... </TD> Cette balise précise le contenu d'une cellule de données du tableau.

Vous pouvez créer un tableau dans une cellule de tableau, le tableau ci-dessus est un bon exemple de tableaux imbriqués.

Les tableaux invisibles (BORDER="0") facilitent la disposition d'éléments graphiques à l'intérieur d'une page. (voir la page Moteurs de recherche)

En règle générale, les attributs d'enrichissement de textes peuvent être utilisés dans les tableaux.

©
Pédagogie Multimédia Conception