Exercice 8/15

  • Dans l'onglet Résultat, nous avons déjà ajouté une ligne de titre (lignes 9, 10, 11) mais elle s'étend sur une seule colonne pour l'instant.
  • Ajoutez l'attribut colspan="2" à la balise <th> pour étendre le titre sur les 2 colonnes du tableau.
  • Vérifiez que le résultat est conforme à vos attentes

Leçon 8/15

Nous avons donné un titre à chaque colonne mais pas de titre au tableau dans son ensemble, c'est-à-dire une ligne de titre qui occupe toute la longueur du tableau.

Pour ce faire, nous devons fusionner nos deux colonnes, ce qui revient en fait à supprimer la seconde et élargir la première ! C'est l'attribut colspan qui permet d'indiquer à la balise <th> le nombre de colonnes qu'elle doit occuper. Par défaut, sans attribut, la cellule occupe 1 seule colonne .

Voici comment s'y prendre :

 <th colspan="2"> Cette cellule s'étend sur 2 colonnes</th>

Commentaires les mieux notés

  • lukaspb2

    aider moi please

  • clement.frey

    J'en suis à cet exercice et la case "Résultats" n'affiche toujours rien. Pourquoi ?

  • mram Administrateur

    Normalement vous devriez voir les résultats. J'ai fait remonter le problème.

  • qudsiabhojani-7

    Je ne comprends pas on attribue <th colspan ="2"ou excatement

5 Commentaires

  • lukaspb2

    lukaspb2

    aider moi please

    le 27/01/2016 à 14h33

  • clement.frey

    clement.frey

    J'en suis à cet exercice et la case "Résultats" n'affiche toujours rien. Pourquoi ?

    le 08/12/2016 à 10h01

  • mram

    mram Administrateur

    Normalement vous devriez voir les résultats. J'ai fait remonter le problème.

    le 09/12/2016 à 22h40

index.html
<!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <table border="1px"> <thead> <tr> <th>Les géants de l'internet par année de création</th> </tr> <tr> <th>Géants de l'internet</th> <th>Année de création</th> </tr> </thead> <tbody> <tr> <td>Facebook</td> <td>2004</td> </tr> <tr> <td>Google</td> <td>1998</td> </tr> <tr> <td>Amazon</td> <td>1994</td> </tr> </tbody> </table> </body> </html>