Cours 9

Tableaux

Fonctionnement

Vous allez voir qu'il est très simple de générer un tableau. Il faut savoir qu'un tableau est divisée en lignes, elles-même divisées en cellules.

  1. Commencez votre tableau avec le tag <table>
  2. Commencez la première ligne avec le tag <tr>
  3. Insérez le contenu de la première cellule entre les tags <TD> et </TD>
  4. Insérez le contenu de la cellule suivante entre les tags <TD> et </TD> et recommencez cette étape jusqu'à la fin de la ligne
  5. Fermez ensuite la ligne avec le tag </TR>. Vous pouvez ensuite créer d'autres lignes en reprenant à l'étape 2
  6. Fermez ensuite le tableau avec le tag </TABLE>

Rq : Vous pouvez mettre dans votre tableau aussi bien du texte, qu'une image, une bannière défilante, etc...
Voici un petit exemple:

<HTML><HEAD><TITLE>Test de tableau</TITLE></HEAD>
<BODY>
<TABLE>
<TR>
<TD>1</TD>
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>4</TD>
</TR>
</TABLE>
</BODY></HTML>

donnera

1 2
3 4

Vous pouvez définir la taille des bordures avec l'attribut BORDER="__" à placer dans la balise <TABLE>
Vous pouvez aussi définir la couleur de la bordure avec l'attribut BORDERCOLOR="#RRGGBB". Cette dernière instruction ne marche que sous Explorer.

Sous Explorer, vous pouvez définir l'arrière plan de chaque cellule avec l'attribut BGCOLOR="#RRGGBB" ou BACKGROUND="image.gif" à placer dans la balise <TD>