Exercice - Tables

Cet exercice te permet de travailler les tables en HTML.

    4ttr 5tq
  • Exploration

Fusionner des cellules avec COLSPAN et ROWSPAN

colspan permet d'étendre une cellule sur plusieurs colonnes.

rowspan permet d'étendre une cellule sur plusieurs lignes.

Exemples

Inspectez les tableaux ci-dessous. Les cellules avec un colspan et/ou rowspan sont encadrées en bleu.

NAME Age
Rasp Poutine 48
Pair Noail 1024

AVRIL 01 02 03 04
05 06 07 08
09 10 11 12

01 02 03 04 05
06 CONGÉS 07
08 09
10 11
12 13 14 15 16

Exercices

Reproduisez les tableaux ci-dessous:

Ninja Mode

Transforme la table ci-dessous comme indiqué à l'aide de colspan et de rowspan. Tu peux inspecter la table pour récupérer le code et son style.

1 2 2 3 3
4 4 5 5 5
4 4 6 6 7
8 9 10 11 7
8 12 12 11 7
8 13 14 14 14
8 13 15 15 16
8 13 17 17 17

Pour aller plus loin