Résumé sur les tableaux HTML : (Format A4)
EN - TÊTE DU TABLEAU se fait avec CAPTION
<table>
<caption valign=top align=left>TEXTE DE L'ENTETE</caption> ... lignes du tableau ... </table>
Un tableau s'obtient avec : <table> </table>
Une ligne est balisée avec : <tr> </tr>
Chaque donnée est entre : <td> </td> ou <th> </th> pour les en-têtes
Il est possible d'imbriquer des tableaux. Le tableau "couleur des ombres" ci-dessous est un tableau imbriqué dans un tableau couleur, lui même imbriqué dans ce tableau.
<table>
<tr> <th>T1</th> <th>T2</th> </tr>
<tr> <td>A1</td> <td>B1</td> </tr>
<tr> <td>A2</td> <td>B2</td> </tr>
</table>
Les bordures s'obtiennent avec : <table border> </table> Par défaut c'est NoBorder qui est actif
<table border=5 > </table> pour dimensionner le cadre.
Le quadrillage est contrôlé par : <table cellspacing=2> </table>
Les ombres sont gérées par les couleurs. Voir plus loin...
Dimensions :
d'un tableau avec : <table width=80% eight=80%> Dimensions relatives en % de l'espace.
<table width=600 eight=500> Dimensions absolues en pixels
d'une cellule avec : <td width=80% eight=80%> Dimensions relatives en % de l'espace.
<td width=60 eight=50> Dimensions absolues en pixels
Couleur du fond
<table bgcolor=yellow>
Couleur d'une cellule
<td bgcolor="#CCFFCC">
Couleur du quadrillage
<table border bordercolor=green>
Couleur des ombres
<table border bordercolorlight=white>
bordercolordark=black>
GAUCHE
<td align=left> GAUCHE </td>.
CENTRE
<td align=center> CENTRE </td>.
DROITE
<td align=right> DROITE </td>.
HAUT
<td valign=top> HAUT </td>.
MILIEU
<td valign=middle> MILIEU </td>.
BAS
<td valign=bottom> BAS </td>.
FUSION DE 2 COLONNES <td colspan=2>
FUSION DE 2 LIGNES
<td rowspan=2>
La fusion est active juste derrière la balise
Il est possible de cumuler les fusions des lignes et des colonnes.
Vous avez un exemple plus haut à la ligne "dimensions"
On peut inclure des objets dans les cellules : Des images : ... et des liens :
Cours HTML
Cours HTML
Retour






LÉGENDE À GAUCHE

Elle se fait en alignant le tableau à droite :
<table align=right>

</table> Placez le texte de la légende après </table> comme ici.

Ne pas oublier de fermer la légende avec <br clear=all>

Retour