Previous Up Next
Université Lille 3-Charles de GaulleUFR de Mathématiques Sciences Économiques et Sociales

Chapitre 7  HTML, les tableaux

7.1  Syntaxe de base

Un tableau est défini par les balises <TABLE> et </TABLE>.

Un tableau est constitué de lignes, chacune étant définie par les balises <TR> et </TR>.

Une ligne est constituée de cellules, chacune étant définie par les balises <TD> et </TD>.

Il n'y a pas de notion de colonne. Une colonne est définie de manière implicite par la superposition des cases correspondantes dans chaque ligne.

Ainsi ce code :
<TABLE>
 <TR>
      <TD>aaa aaa<BR>aaa aaa aaa<BR>aaa aaa</TD>
      <TD>bbb bbb bbb</TD>
      <TD>ccc</TD>
   </TR>
   <TR>
      <TD>ddd</TD>
      <TD>eee eee</TD>
      <TD>fff fff fff</TD>
   </TR>
</TABLE>
produira ce résultat :



On peut remarquer que le résultat ci-dessus ne correspond pas forcément à ce qu'on nomme communément tableau.

Il n'y a par exemple pas de bords...

Le tableau de base n'est qu'une série de cellules, arrangées selon une grille (qui n'est pas visualisée) et dont les contenus sont alignés à gauche dans les cellules.

7.2  Améliorations

Les balises <TABLE>, <TR> et <TD> peuvent contenir des attributs qui en modifient le comportement.

Ainsi on peut :

7.3  Un exemple





Ce tableau, qui est celui vu plus haut qu'on a modifié avec quelques uns des attributs que nous venons de voir, s'obtient par :
<TABLE WIDTH="75%" BGCOLOR="yellow" BORDER="6" ALIGN="center">
   <TR VALIGN="top"> 
      <TD BGCOLOR="pink" ALIGN="right">aaa aaa<BR>aaa aaa aaa<BR>aaa aaa</TD>
      <TD WIDTH="50%">bbb bbb bbb</TD>
      <TD>ccc</TD>
   </TR>
   <TR BGCOLOR="lightgray">
      <TD ALIGN="center">ddd</TD>
      <TD BGCOLOR="pink">eee eee</TD>
      <TD>fff fff fff</TD>
   </TR>
</TABLE>

7.4  Une cellule particulière

On peut remplacer les balises <TD> et </TD> par <TH> et </TH>.

Ce qui change : le texte est automatiquement centré dans la cellule (au lieu d'etre aligné à gauche) et mis en gras.

Ce qui ne change pas : tout le reste...

D.Gonzalez (gonzalez@univ-lille3.fr) en date du th , 

Previous Up Next