td – cellule du tableau

• Affichage par défaut : display: table-cell
• Balise de fermeture : peut être omise – la cellule se termine à la cellule suivante ou à la fin de la ligne
• Contenu : contenu de flux
• Où il peut figurer : tr
• Interface DOM : HTMLTableCellElement

Attributs

• colspan – sur combien de colonnes s’étend la cellule (par défaut 1).
• rowspan – sur combien de lignes s’étend la cellule (par défaut 1 ; 0 = jusqu’à la fin du groupe de lignes).
• headers – id des en-têtes qui appartiennent à la cellule (dans les tableaux complexes où scope ne suffit pas).
• Obsolètes : width, height, align, valign, bgcolor, nowrap – remplacés par le CSS.

Exemples

Des cellules fusionnées – un planning où la cuisson du pain le lundi occupe deux lignes :

<table class="timetable">
  <tr><th scope="col">Heure</th><th scope="col">Lundi</th><th scope="col">Mardi</th></tr>
  <tr><th scope="row">6 h–8 h</th><td rowspan="2">Cuisson du pain</td><td>Croissants</td></tr>
  <tr><th scope="row">8 h–10 h</th><td>Gâteaux</td></tr>
  <tr><th scope="row">10 h–12 h</th><td colspan="2">Nettoyage</td></tr>
</table>

.timetable {
  border-collapse: collapse;
}
.timetable th,
.timetable td {
  padding: 4px 8px;
  border: 1px solid #bbb;
}

Points d’attention

• Les cellules fusionnées doivent concorder : une ligne avec rowspan au-dessus « occupe » une place dans les lignes suivantes, qui ont alors une cellule de moins.
• L’alignement vertical par défaut est le milieu (vertical-align: middle) ; pour des cellules avec des textes de longueur différente, top est utile.
• Une cellule vide n’a de bordure que si empty-cells le permet (par défaut show).

Prise en charge par les navigateurs

Baseline – largement disponible : fonctionne dans tous les navigateurs courants, et depuis longtemps (au plus tard depuis 2015). Depuis la version : Chrome 1, Firefox 1, Safari 1. État : octobre 2026 (MDN browser-compat-data).

Voir aussi :
th – cellule d’en-tête
tr – ligne du tableau
table – tableau
tbody – corps du tableau