HTML : créer un tableau de données (table) lisible et accessible

Structure

<div class="defile">
<table>
  <caption>Tarifs 2026</caption>
  <thead><tr><th scope="col">Formule</th><th scope="col">Prix</th></tr></thead>
  <tbody><tr><th scope="row">Essentiel</th><td>4 €</td></tr></tbody>
</table>
</div>

Fusion : colspan="2", rowspan="2".

CSS

table { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 12px; border-bottom: 1px solid #ddd; text-align: left; }
tbody tr:nth-child(even) { background: #f8f8f8; }
.defile { overflow-x: auto; }

Les tableaux servent aux données, jamais à la mise en page (utiliser Grid). Accessibilité : les règles essentielles.