HTML : les tableaux

TABLEAUX
C'est la seule façon de gérer convenablement la présentation.
Les tableaux permettent de diviser la page en zones d'espace et de remplir ces zones avec des objets (textes, images, couleurs), permettant un contrôle amélioré de la position des objets.
Ces tables peuvent avoir un fond et des bords visibles ou non.
Insérer un tableau
<TABLE> et </TABLE> : pour définir un tableau
<TR> et </TR> : pour définir une rangée
<TH> et </TH> : pour les cellules de haut de colonne (facultatif)
<TD> et </TD> : pour une cellule
Exemples :

Bienvenue

<TABLE WIDTH=50%><TR><TD><IMGSRC="tv.gif"></TD><TD>Bienvenue</TD>
</TR></TABLE></CENTER>
Le tableau occupe 50% de la largeur totale de la page sur une ligne avec dans la première cellule l'image et dans la seconde le texte, le tout étant centré.

Bienvenue
<TABLE BORDER COLS=2 WIDTH="100%" >
<TR>
<TD>
<CENTER><IMG SRC="tv.gif" HEIGHT=39 WIDTH=50></CENTER>
<TD>
<CENTER>Bienvenue</CENTER>
</TD>
</TR>
</TABLE>
Mise en forme d'un tableau
A l'intérieur d'une cellule (entre <TD> et </TD>) tout est bien sûr possible, comme mettre plusieurs lignes de texte (avec <BR>, <P> ou autre), changer la couleur des caractères, celle du fond de la cellule, de mettre des liens, des images, modifier les couleurs et les épaisseurs de bordure, etc...

<TABLE BORDER="2" CELLPADING="2" CELLSPACING="3" WIDTH="50%" BORDERCOLOR="#000080">
<TR>
<TD WIDTH="50%" ALIGN="left" BGCOLOR="#008080" BORDERCOLOR="#FF0000">&nbsp;</TD>
<TD WIDTH="50%" ALIGN="left" BACKGROUND="fonkraft.jpg">&nbsp;</TD>
</TR>
</TABLE>
<table bgcolor="#008080"> : mettre un fond de couleur
<table width="50%"> : Occupation en % de la page
<table border="1"> Taille des bords (0=pas de bords)
border color="#FF0000" couleur des bordures
cellpadding="2" Marge intérieure des cellules
cellspacing="3" Espacement entre les cellules
Il est aussi possible de définir le nombre de rangées et de colonnes d'une table et d'attribuer à une cellule plusieurs rangées (rowspan="") ou colonnes (colspan=""), ou les deux.