Initiation au HTML

10.1 Le Tableau de base :



1 2 3 4 5 6

<TABLE BORDER> <TR> <TD> 1 </TD><TD> 2 </TD><TD> 3 </TD> </TR> <TR> <TD> 4 </TD><TD> 5 </TD><TD> 6 </TD> </TR> </TABLE>

10.2 Options :


• Définition d'un tableau : <TABLE BORDER= CELLPADDING= CELLSPACING= WIDTH= HEIGHT= > </TABLE>
  • BORDER=n : Epaisseur du contour du tableau (n)
  • CELLPADDING=n : Espace entre l'objet et le contour d'une cellule
  • CELLSPACING=n : Epaisseur du trait entre les cellules
  • WIDTH=n : Fixe la largeur du tableau
  
  
  
• Définition d'une colonne : <TR ALIGN= >
  • ALIGN=LEFT/CENTER/RIGHT : Définit l'alignement à l'intérieur d'une colonne
  
  
  
• Définition d'une ligne titre : <TH COLSPAN= ROWSPAN= ALIGN= VALIGN= WIDTH=> </TH>
  
  
• Définition d'une ligne : <TD COLSPAN= ROWSPAN= ALIGN= VALIGN= WIDTH=> </TD>
  • COLSPAN=n : Permet de regrouper n colonnes
  • ROWSPAN=n : Permet de regrouper n lignes
  • ALIGN=LEFT/CENTER/RIGHT : Définit l'alignement sur une ligne
  • VALIGN=TOP/MIDDLE/BOTTOM : Définit la hauteur place du texte en hauteur sur une ligne
  • WIDTH=n : Modifie la largeur de la case
  
  
  
• Définition du titre du tableau : <CAPTION ALIGN=> </CAPTION>
  • ALIGN=TOP/BOTTOM : Légende du tableau est au-dessus ou au-dessous du tableau

10.3 Exemple :



<TABLE BORDER>
<CAPTION>Comparatif modèle économique</CAPTION>
<TR>
<TH COLSPAN=3>Modèle
<TH ROWSPAN=2>Vitesse<BR>en km/heure
<TH ROWSPAN=2>Consommation<BR>en litre/100 km
</TR>
<TR>
<TH>Marque</TH>
<TH>Type</TH>
<TH>Numero de série</TH>
</TR>
<TR>
<TD>Peugeot 106</TD>
<TD>B2</TD>
<TD ALIGN=MIDDLE>234.34</TD>
<TD>132</TD>
<TD>5,7</TD>
</TR>
<TR>
<TD>Citroën AX</TD>
<TD>AT67B8</TD>
<TD ALIGN=MIDDLE>6789</TD>
<TD>126</TD>
<TD>5,5</TD>
</TR>
</TABLE>





Comparatif modèle économique

Modèle			Vitesse en km/heure	Consommation en litre/100 km
Marque	Type	Numero de série
Peugeot 106	B2	234.34	132	5,7
Citroën AX	AT67B8	6789	126	5,5