Un tableau est un ensemble structuré de données (table de données) présentées en lignes et colonnes. Un tableau vous permet de retrouver rapidement et facilement des valeurs au croisement entre différents types de données, par exemple : une personne et son âge, ou un jour et la semaine, ou les horaires d’ouverture de la piscine du quartier.

Structure d’un tableau HTML

Un tableau HTML est structuré en plusieurs éléments.

Le tableau lui-même est défini par l’élément <table>, tandis que les lignes du tableau sont définies par <tr>, les cellules de données par <td> et les en-têtes de tableau par <th>.

Voici un exemple de tableau HTML :

   <table>
        <tr> <!-- En-tête -->
            <th>En-tête 1</th>
            <th>En-tête 2</th>
            <th>En-tête 3</th>
            <th>En-tête 4</th>
        </tr>
        <tr> <!-- ligne 1 -->
            <td>Donnée 1</td>
            <td>Donnée 2</td>
            <td>Donnée 3</td>
            <td>Donnée 4</td>
        </tr>
        <tr> <!-- ligne 2 -->
            <td>Donnée 1</td>
            <td>Donnée 2</td>
            <td>Donnée 3</td>
            <td>Donnée 4</td>
        </tr>
    </table>

A vous de jouer : mise en application

Créez un tableau qui reprend votre emploi du temps de la semaine.


Prochaine étape : les formulaires