Les langages HTML Les tableaux

Un tableau de données

Un tableau présente des données qui se lisent en lignes et en colonnes : horaires, classements, tarifs. Jamais pour disposer des éléments sur la page : c'est le travail de CSS.

<table>
    <caption>Horaires du jardin</caption>
    <thead>
        <tr><th>Jour</th><th>Heures</th></tr>
    </thead>
    <tbody>
        <tr><td>Lundi</td><td>17 h - 20 h</td></tr>
        <tr><td>Samedi</td><td>9 h - 12 h</td></tr>
    </tbody>
</table>

<caption> : le titre du tableau, juste après <table>.
<thead> : la ou les lignes d'en-tête ; <tbody> : les données.
<tr> (table row) : une ligne.
<th> : une cellule d'en-tête ; <td> : une cellule de données.

Les <th> ne sont pas qu'une question d'apparence : un lecteur d'écran s'en sert pour annoncer, à chaque cellule, à quelle colonne elle appartient.

1 exercice pour cette lecon

Les exercices demandent un compte : il faut bien enregistrer votre progression quelque part. La lecture, elle, reste libre. Creer un compte

Le tableau des horaires moyen lecon a valider