Retour au cours

Leçon 20 : Tableaux avancés : Colspan, Rowspan et Structure

La Masterclass HTML : De Zéro à Développeur Web

20. Tableaux avancés : Colspan, Rowspan et Structure

20.1 Éléments structurels

Pour les tableaux complexes, utilisez ces éléments pour définir des sections sémantiques :

  • <thead> : Regroupe le contenu de l'en-tête (titres des colonnes).
  • <tbody> : Regroupe le contenu principal (lignes de données).
  • <tfoot> : Regroupe le contenu du pied de page (totaux ou résumé).

html

MoisVentes
Janvier500 €
Février750 €
Total1250 €

20.2 Fusion de cellules (colspan et rowspan)

Ces attributs permettent à une seule cellule de s'étendre sur plusieurs colonnes ou lignes, comme la fusion de cellules dans Excel.

  • colspan : Spécifie sur combien de colonnes la cellule doit s'étendre.
  • rowspan : Spécifie sur combien de lignes la cellule doit s'étendre.

html

Données du T1
JanvFévr