Cours sur le langage HTML organisé par
Frédéric Jacquenod

III Les tableaux

• Lorsque vous présentez des données, un tableau peut être un moyen clair de les disposer.
  La construction d'un tableau nécessite un ensemble de balise pour déterminer les colonnes, les lignes, le titre, la taille des bordures ...
  
  

  <TABLE></TABLE>		Début et fin du tableau
  <CAPTION></CAPTION>		Titre du tableau
  <TH></TH>		Titre de chaque colonne
  <TD></TD>		Début et fin d'une case du tableau
  <TR></TR>		Nouvelle ligne du tableau

  
  Ces balises peuvent avoir des options bien pratiques pour le centrage des éléments du tableau.
  exercice25
  
  

  Les options disponibles pour les balises de tableau

  Balises concernées	Options	Significations
  <TABLE>	BORDER=chiffre	Epaisseur des traits du tableau
  <TABLE>	CELLSPACING=chiffre	Espacement inter-cellule
  <TABLE>	CELLPADDING=chiffre	Espacement texte - bord de la cellule
  <TABLE>	WIDTH=%	Proportion entre tableau et document
  <TABLE>	BGCOLOR=	Positionne un fond de couleur dans un tableau
  <TABLE> <TD>	BORDERCOLOR=	Positionne une couleur pour les bordures
  <CAPTION>	ALIGN=TOP|BOTTOM	Titre en haut ou en bas du tableau
  <TR> <TH> <TD>	ALIGN=CENTER|LEFT|RIGHT	Alignement du texte dans les cellules
  <TH> <TD>	VALIGN=TOP|MIDDLE|BASELINE	Alignement vertical
  <TH> <TD>	NOWRAP	La ligne d'une cellule est insécables
  <TH> <TD>	COLSPAN	Nombre de cellules horizontales a recouvrir
  <TH> <TD>	ROWSPAN	Nombre de cellules verticales a recouvrir
  <TH> <TD>	BGCOLOR=	Positionne un fond de couleur dans une cellule

  
  exercice26
  exercice27
  
  
• Le tableau peut permettre de centrer une image et du texte
  

  La flèche est centrée

  
  Pour se faire il vous suffit de définir un tableau sans bordure et de positionner votre texte dans des cellules. Le source de ce petit tableau est le suivant.
  
  <TABLE BORDER=0>
  <TD><IMG ALIGN=TOP SRC="./Images/fleches.gif" ></TD>
  <TD><H4>La flêche<BR>est<BR>centréee</TD>
  </TABLE>
  
  exercice28
  exercice29

Frédéric Jacquenod