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

13 Commentaires

  • chrislyane-36

    chrislyane-36

    bonjour, pouvez m'aider

    le 10/10/2022 à 09h27

  • Patricio M

    Patricio M Admin

    Le dernier code fonctionne très bien.

    le 11/10/2022 à 11h23

  • TomHitch

    TomHitch

    Encore ce script trop lent !!! <!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <table border="1px"> <thead> <tr> <th colspan="2">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>

    le 17/03/2021 à 13h30

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 17/03/2021 à 13h49

  • niruapp-13

    niruapp-13

    J'ai réussi l'exercice, cependant le résultat ne s'affiche pas

    le 24/01/2021 à 12h01

  • meriam

    meriam Admin

    Bonjour, essayez de rafraichir la page.

    le 25/01/2021 à 10h04

  • mram

    mram Admin

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

    le 09/12/2016 à 20h40

  • clement.frey

    clement.frey

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

    le 08/12/2016 à 08h01

  • lukaspb2

    lukaspb2

    aider moi please

    le 27/01/2016 à 12h33

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>