Les Tableaux

Présentation d'une cellule

On peut modifier la couleur de fond d'une cellule avec l'attribut BGCOLOR.

On peut également agir sur la position du contenu d'une cellule avec:

- l'attribut ALIGN et les valeurs CENTER, RIGHT ou LEFT pour l'alignement horizontal
 
- l'attribut VALIGN et les valeurs TOP ou BOTTOM pour l'alignement vertical
 
- l'attribut NOWRAP qui empèche la coupure des lignes
 
- l'attribut COLSPAN qui permet l'écriture sur plusieurs colonnes
 
- l'attribut ROWSPAN qui permet l'écriture sur plusieurs lignes
 
 
 

 

 L'écriture des lignes suivantes

 permettra la visualisation de:

<TABLE Border="1" Cellspacing="2" Cellpadding="0" Width="46%" Height="175">
<TR>
<TD Height="71" BGCOLOR="#c7050e">Colonne 1 Ligne 1 fond rouge</TD>
<TD>Colonne 2 Ligne 1</TD>
</TR>
<TR>
<TD Height="38">Colonne 1 Ligne 2</TD>
<TD BGCOLOR="#ffff00">Colonne 2 Ligne 2 fond jaune</TD>
</TR>
<TR>
<TD Height="55" BGCOLOR="#00ff00">Colonne 1 Ligne 3 fond vert</TD>
<TD>Colonne 2 Ligne 3</TD>
</TR>
</TABLE>

 Colonne 1 Ligne 1 fond rouge  Colonne 2 Ligne 1
 Colonne 1 Ligne 2  Colonne 2 Ligne 2 fond jaune
 Colonne 1 Ligne 3 fond vert  Colonne 2 Ligne 3

<TABLE Border="1" Cellspacing="2" Cellpadding="0" Width="80%" Height="245">
<TR>
<TD ALIGN="CENTER">Texte centr&eacute; horizontalement</TD>
<TD ALIGN="RIGHT">Texte justifi&eacute; &agrave; droite</TD>
</TR>
<TR>
<TD>Texte justifi&eacute; &agrave; gauche</TD>
<TD VALIGN="TOP">Texte cadr&eacute; en haut</TD>
</TR>
<TR>
<TD>Texte centr&eacute; verticalement</TD>
<TD VALIGN="BOTTOM" ALIGN="RIGHT">Texte cadr&eacute; en bas &agrave; droite</TD>
</TR>
</TABLE>

 Texte centré horizontalement  Texte justifié à droite
Texte justifié à gauche Texte cadré en haut
Texte centré verticalement  Texte cadré en bas à droite

<TABLE Border="1" Cellspacing="2" Cellpadding="0">
<TR>
<TD>texte trop long &eacute;crit sur deux lignes</TD>
<TD>autre texte</TD>
</TR>
</TABLE>
<TABLE Border="1" Cellspacing="2" Cellpadding="0">
<TR>
<TD NOWRAP>texte non coup&eacute; &eacute;crit sur une ligne</TD>
<TD>un autre texte</TD>
</TR>
</TABLE>

texte trop long écrit sur deux lignes  autre texte

 

texte non coupé écrit sur une ligne un autre texte

<TABLE Border="1" Cellspacing="2" Cellpadding="0">
<TR>
<TD>texte</TD>
<TD COLSPAN="2" Align="Center">texte &eacute;crit sur deux colonnes et centr&eacute;</TD>
</TR>
<TR>
<TD>texte</TD>
<TD ROWSPAN="2">texte &eacute;crit sur deux lignes du tableau</TD>
<TD>texte</TD>
</TR>
<TR>
<TD>texte</TD>
<TD>texte</TD>
</TR>
</TABLE>

 texte  texte écrit sur deux colonnes et centré
 texte  texte écrit sur deux lignes du tableau  texte
 texte  texte

Auteur: Philippe Moreau