// Tableaux _____

 

Tableaux, lignes et cellules

Un tableau est encadré par les balises <table> et </table>
Il est difficile de construire des tableaux en écrivant directement le code HTML, car il faut le concevoir ligne à ligne, cellule par cellule.

• Le début d'une ligne est marqué par <tr>, la fin de la ligne par </tr> ;

• chacune des cellules que comporte une ligne est marquée par <td></td> ;

• il faut veiller à ce que chaque ligne comporte autant de cellules que la précédente

En html, un tableau est donc décrit comme une succession de lignes :

<table>

<tr><!--début de ligne 1-->
<td>ligne1,colonne1</td> <td>ligne1,colonne2</td>
</tr><!--fin de la ligne1-->

<tr> <td>ligne2,colonne1</td> <td>ligne2,colonne2</td>
</tr>

</table>

On peut ajouter à ces balises des attributs déterminant les dimensions du tableau et de ses cellules

En tête, pied de tableau, légende

On peut créer une zone pour la légende et distinguer l'en-tête, le corps, et le pied du tableau.

<table summary="...">

<caption>légende</caption>

<thead> <tr> <th>entête col1</th> <th>entête col2</th> </tr> </thead>

<tbody><tr>...</tr></tbody>

<tfoot><tr>...</tr></tfoot>

</table>