AUTOROUTE ÉLECTRONIQUE

NOTES DE COURS 5

---

Le tableau est un outil indispensable pour la mise en page de mon site	Il me permet de disposer le texte et les images comme je les veux sur la page
En disposant le texte et les images dans les cellules on peut construire une page qui possède tous les effets spéciaux désirés		En apprenant les paramètres, on peut contrôler tous les aspects du tableau; par exemple, pour enlever les lignes qui entourent les cellules je dois écrire BORDER=0 dans le tag <TABLE>

La structure du tableau

• Le tableau de base se décrit au moyen de trois tags simples:
  
  
  1. le tag <TABLE> décrit le tableau
     
     
  2. le tag <TR> (Table Row) décrit chaque ligne ou rangée du tableau - il faut un <TR> pour chaque ligne
     
     
  3. le tag <TD> (Table Data) décrit chaque élément (cellule) dans une ligne
  
  
  
• Voici le code qui affiche le tableau ci-haut:
  
  
  
  
  
  
• Notez qu'il y a 2 <TR> et 3 <TD> à l'intérieur de chaque <TR> pour construire un tableau
  de 2 lignes x 3 colonnes
  
  
• Notez aussi que chaque tag a un tag de fin </...> correspondant
  
  
• En passant, le site de D.J. Quad possède un excellent tutoriel sur les tables.
  Profitez-en; vous le trouverez à: D.J.Quad dans la section "Table Tutorial" de son "Site Map".

Les paramètres

Un petit détail en commençant: le caractère "espace", qu'on écrit comme   vous sera très utile dans la construction du tableau - si on laisse une cellule vide, l'apparence du tableau change - toujours mettre un espace au lieu d'un vide

• <TABLE
  ALIGN=CENTER | LEFT | RIGHT
  BACKGROUND=image
  BGCOLOR=couleur
  BORDER=nombre
  BORDERCOLOR=couleur
  BORDERCOLORDARK
  BORDERCOLORLIGHT
  CELLPADDING=nombre
  CELLSPACING=nombre
  CLASS=nom
  COLS=nombre
  DATASRC=nom
  FRAME=ABOVE | BELOW | BORDER | BOX | HSIDES | INSIDES | LHS | RHS | VOID | VSIDES
  HEIGHT=nombre | %
  ID=nom
  RULES=ALL | COLS | GROUPS | NONE | ROWS
  STYLE=nom
  WIDTH=nombre | %
  événement(s)=script >
  
  
  Les tableaux peuvent posséder les attributs suivants:
  
  ALIGN=CENTER | LEFT | RIGHT
  Permet au tableau d'être aligné à gauche, à droite ou au centre.
  
  BACKGROUND=image
  Permet d'insérer une image à l'arrière plan du tableau.
  
  BGCOLOR=couleur
  Permet d'attribuer une couleur au fond du tableau.
  
  BORDER=nombre
  Permet de mettre une bordure autour du tableau.
  
  BORDERCOLOR=couleur
  Permet d'attribuer une couleur à la bordure du tableau.
  
  BORDERCOLORLIGHT=couleur
  Permet d'attribuer une couleur aux points culminants de la bordure du tableau.
  
  BORDERCOLORDARK=couleur
  Permet d'attribuer une couleur à l'ombre de la bordure du tableau.
  
  HEIGHT=nombre | %
  Permet de faire varier la hauteur du tableau. La valeur peut être en pixels ou en pourcentage.
  
  WIDTH=nombre | %
  Permet de faire varier la largeur du tableau. La valeur peut être en pixels ou en pourcentage.
  
  CELLSPACING=unNombre
  Permet de jouer sur la quantité d'espace entre les cellules du tableau.
  
  CELLPADDING=unNombre
  Permet de jouer sur l'espace entre la bordure et le contenu de la cellule du tableau.
  
  CLASS=nom
  Spécifie le nom de la classe donnée à la feuille de style.
  
  ID=nom
  Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
  
  STYLE=nom
  Spécifie une feuille de style intraligne.
  
  
  
  
• Le tag <TR>
  
  

  <TABLE>

  <TR

  ALIGN=CENTER | LEFT | RIGHT

  BGCOLOR=couleur

  BORDERCOLOR=couleur

  BORDERCOLORDARK=couleur

  BORDERCOLORLIGHT=couleur

  CLASS=nom

  ID=nom

  STYLE=nom

  VALIGN=BASELINE | BOTTOM | CENTER | TOP

  événement(s)=script >
  
  

  <TD>…</TD>

  …

  </TR>
  </TABLE>
  
  Description:
  Cette commande définit le nombre de lignes dans un tableau. Il y a autant de balises TR qu'il y a de lignes dans un tableau. La balise TR peut prendre les deux attributs ci-dessous. Toutefois, l'alignement des cellules (TD ou TH) a préséance sur celui du TR.
  
  Attributs:
  ALIGN=CENTER | LEFT | RIGHT
  Permet de justifier le texte dans une cellule à gauche, à droite ou au centre.
  
  BGCOLOR=couleur
  Permet d'attribuer une couleur au fond du tableau.
  
  BORDERCOLOR=couleur
  Permet d'attribuer une couleur à la bordure du tableau.
  
  BORDERCOLORLIGHT=couleur
  Permet d'attribuer une couleur aux points culminants de la bordure du tableau.
  
  BORDERCOLORDARK=couleur
  Permet d'attribuer une couleur à l'ombre de la bordure du tableau.
  
  VALIGN=BASELINE | BOTTOM | CENTER | TOP
  Permet d'aligner le texte dans une cellule en haut, en bas ou au centre.
  
  CLASS=nom
  Spécifie le nom de la classe donnée à la feuille de style.
  
  ID=nom
  Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
  
  STYLE=nom
  Spécifie une feuille de style intraligne.
  
  
  

[ PAGE D'ACCUEIL ]      [ PRÉCÉDENTE ]      [ SUIVANTE ]