HTML
Les tableaux

Le marqueur TH

• un exemple
• une partie théorique

Exemple

<TABLE BORDER CELLPADDING=5>
<TR>
   <TD></TD>
   <TH>Nombre d'étudiants</TH>
   <TH>Nombre d'abandons</TH>
<TR>
   <TH>STAF 94/96<br>
Promotion Alice</TH>
      <TD> 11 </TD>
      <TD> 5 </TD>
<TR>
   <TH>STAF 95/97<br>
Promotion Béatrice</TH>
      <TD> 11 </TD>
      <TD> 5 </TD>
<TR>
   <TH>STAF 96/98<br>
Promotion Céline</TH>
      <TD> 16 </TD>
      <TD> 0 (pour l'instant) </TD>
<TR>
   <TH>STAF 97/99<br>
Promotion Daisy</TH>
      <TD> 19 </TD>
      <TD> NA </TD>
</TABLE>

• Chaque début de ligne et de colonne dans le tableau ci-dessous est spécifié par un <TH>.
• Remarquez que les titres des colonnes peuvent passer à la ligne. Ceci est dû à la place dont dispose votre browser pour afficher. Faites un petit test: changer la taille de la fenètre, agrandissez puis diminuez la taille de votre browser et regardez les effets sur le contenu des cellules.
• Il y a 5 marqueur <TR>, puisque le tableau contient 5 lignes
• Il y a, pour chaque ligne, 3 marqueurs, soit <TD> soit <TH>.
• Le paramètre CELLPADDING vaut 5, ce qui donne une impression d'aération au tableau. On voit nettement que la distance entre le bord et le texte d'une cellule est relativement grande.
• Il peut être utile, en particulier si le tableau est grand, d'indenter le code, afin de pouvoir le relire de manière plus aisée.

Théorie

TH signifie table header et spécifie donc une cellule de titre qui se trouve à la tête d'une ligne ou d'une colonne. A la différence du marqueur TD, le contenu de <TH> sera affiché en gras et centré.

Lorsque vous avez terminé cette séquence, nous pouvons passer a l'étape suivante.