Les tableaux HTML sont utilisés pour organiser et afficher des données sous forme de lignes et de colonnes.
1. Structure de base :
<table>
<thead>
<tr>
<th>Nom</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>Jean Dupont</td>
<td>jean.dupont@example.com</td>
</tr>
</tbody>
</table>
2. Fusion de cellules :
rowspan pour fusionner des lignes.
colspan pour fusionner des colonnes.
<td rowspan="2">Fusion</td>
3. Ajout de styles :
Utilisation de CSS pour améliorer l'apparence :
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
}
4. Exemple pratique : Un tableau de gestion des utilisateurs :
<table>
<thead>
<tr>
<th>Nom</th>
<th>Email</th>
<th>Rôle</th>
</tr>
</thead>
<tbody>
<tr>
<td>Marie Curie</td>
<td>marie.curie@example.com</td>
<td>Admin</td>
</tr>
<tr>
<td>Albert Einstein</td>
<td>albert.einstein@example.com</td>
<td>Utilisateur</td>
</tr>
</tbody>
</table>
Retour à la liste
Richard Bonnegent
Commentaires (0)