Formation 36

Construire des tableaux - balise table

En HTML, un tableau est construit avec 3 couples de balises :

  • <table> et </table> : délimite le début et la fin du tableau

  • <tr> et </tr> : délimite le les lignes à l'intérieur du tableau

  • <td> et </td> : délimite les cellules à l'intérieur d'une ligne

<table> <!-- début du tableau -->

<tr><td>1ère cellule de la 1ère ligne </td><td>2ème cellule de la 1ère ligne</td> </tr>

<tr><td>1ère cellule de la 2ème ligne </td><td>2ème cellule de la 2ème ligne</td> </tr>

</table> <!-- fin du tableau -->

 

Seules les cellules (délimitées par <td>...</td>) peuvent contenir du texte.

 

Il est possible d'ajouter une ligne d'entête (optionnelle) en haut du tableau. Elle est notée <thead>, et les cellules qui la composent sont délimités par des balises <th>, comme ceci :

<table> <!-- début du tableau -->

<thead><th>1ère cellule de la ligne d'entête </th><th>2ème cellule de l'entête</th></thead>

<tr><td>1ère cellule de la 1ère ligne </td><td>2ème cellule de la 1ère ligne</td> </tr>

<tr><td>1ère cellule de la 2ème ligne </td><td>2ème cellule de la 2ème ligne</td> </tr>

</table> <!-- fin du tableau -->

 

Dans le navigateur, le texte des cellules <th> apparaîtra généralement en gras.

Il existe d’autres balises de tableau (<tfoot>, <tbody>, <caption>...), mais nous ne les étudions pas dans ce mémo. Pour plus d’informations, faîtes une recherche sur internet ou dans les livres spécialisés.



Pour plus d'informations, vous pouvez nous contacter par mail ou aux coordonnées suivantes :


Contacter CS Formation

 

Tutos et cours en ligne

HTML / CSS