table html
<table>
<thead>
<tr>
<th>header1</th>
<th>header2</th>
<th>header3</th>
</tr>
</thead>
<tbody>
<tr>
<td>text1.1</td>
<td>text1.2</td>
<td>text1.3</td>
</tr>
<tr>
<td>text2.1</td>
<td>text2.2</td>
<td>text2.3</td>
</tr>
<tr>
<td>text3.1</td>
<td>text3.2</td>
<td>text3.3</td>
</tr>
<tr>
</tr>
</tbody>
</table>
<!-- Tableau simple avec en-tête -->
<table>
<tr>
<th>Prénom</th>
<th>Nom</th>
</tr>
<tr>
<td>Jean</td>
<td>Dupont</td>
</tr>
<tr>
<td>Marion</td>
<td>Duval</td>
</tr>
</table>
<!-- Tableau utilisant thead, tfoot, et tbody -->
<table>
<thead>
<tr>
<th>Contenu d'en-tête 1</th>
<th>Contenu d'en-tête 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Contenu interne 1</td>
<td>Contenu interne 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Pied de tableau 1</td>
<td>Pied de tableau 2</td>
</tr>
</tfoot>
</table>
<!-- Tableau utilisant colgroup -->
<table>
<colgroup span="4" class="columns"></colgroup>
<tr>
<th>Pays</th>
<th>Capitales</th>
<th>Population</th>
<th>Langue</th>
</tr>
<tr>
<td>USA</td>
<td>Washington D.C.</td>
<td>309 millions</td>
<td>Anglais</td>
</tr>
<tr>
<td>Suède</td>
<td>Stockholm</td>
<td>9 millions</td>
<td>Suédois</td>
</tr>
</table>
<!-- Tableau utilisant colgroup et col -->
<table>
<colgroup>
<col class="column1">
<col class="columns2plus3" span="2">
</colgroup>
<tr>
<th>Citron vert</th>
<th>Citron</th>
<th>Orange</th>
</tr>
<tr>
<td>Vert</td>
<td>Jaune</td>
<td>Orange</td>
</tr>
</table>
<!-- Tableau simple avec une légende -->
<table>
<caption>Super légende</caption>
<tr>
<td>Données géniales</td>
</tr>
</table>
<!DOCTYPE html>
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<h2>HTML Table</h2>
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr>
</table>
</body>
</html>