Exercice 9/15

  • Mettez les titres des colonnes "Géants de l'internet" et "Année de création" en italique
  • Mettez le titre du tableau "Géants de l'internet par année de création" en rouge

Leçon 9/15

Vous commencez à savoir faire des tableaux un peu compliqués mais ce n'est qu'un début. Nous avons amélioré son apparence qui n'était pas des plus esthétiques et on vous laisse carte blanche pour les finitions !

Amusez-vous avec les attributs de style que nous avons insérés, en jouant sur les propriétés CSS que vous connaissez déjà. Nous en verrons davantage très bientôt.

Pour appliquer plusieurs styles à un même élément, séparez-les par un point-virgule, comme ceci :

 <th style="font-size:14px;color:blue"></th>

_

Retournez à la section précédente Texte en italique pour voir comment ajouter du style à un texte.

Par exemple, essayez d'ajouter un attribut de style au premier th pour changer sa couleur. C'est le même principe que pour changer la couleur de la police avec l'attribut style.

_

Commentaires les mieux notés

  • tomtrademark-95

    tomtrademark-95

    <th colspan="2" style="color:red">Géants de l'internet par année de création</th>

    le 11/09/2019 à 14h29

  • manox

    manox

    La réponse est <th colspan="2" ; style="color:red">

    le 08/02/2020 à 14h26

  • fraviogarry-79

    fraviogarry-79

    j'ai trouver mon erreur

    le 21/06/2020 à 12h24

  • Cycy le programmeur

    Cycy le programmeur

    je ne comprend pas mon erreur:

    le 15/12/2019 à 12h01

  • soufiane.tarhouchi-7

    soufiane.tarhouchi-7

    Merci j'ai trouver l'erreur

    le 06/04/2019 à 01h20

20 Commentaires

  • darek_kozaczek-68

    darek_kozaczek-68

    <th colspan="2" style="color:red"> le bot n'est pas d'accord...

    le 29/06/2020 à 18h38

  • meriam

    meriam Admin

    Bonsoir, pour mettre les deux titres en italique, utilisez la balise em au lieu de la balise i.

    le 29/06/2020 à 21h39

  • teo.bourreau-80

    teo.bourreau-80

    Bonjour, je ne comprends pas mon erreur : "Avez-vous bien placé la balise <em> à linterieur de la balise <th> (2eme <tr>)" ? Si une ame charitable pouvais m'aider je vous en remercierai !

    le 29/06/2020 à 11h50

  • meriam

    meriam Admin

    Votre code est correct, il suffit de supprimez le point virgule entre l'attribut style et cospan.

    le 29/06/2020 à 22h35

  • meriam

    meriam Admin

    Votre code est correct, il suffit de supprimez le point virgule entre l'attribut style et cospan.

    le 29/06/2020 à 22h35

  • fraviogarry-79

    fraviogarry-79

    j'ai trouver mon erreur

    le 21/06/2020 à 12h24

  • manox

    manox

    La réponse est <th colspan="2" ; style="color:red">

    le 08/02/2020 à 14h26

  • Cycy le programmeur

    Cycy le programmeur

    je ne comprend pas mon erreur:

    le 15/12/2019 à 12h01

  • tomtrademark-95

    tomtrademark-95

    <th colspan="2" style="color:red">Géants de l'internet par année de création</th>

    le 11/09/2019 à 14h29

index.html
<!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <table style="border-collapse:collapse;"> <thead> <tr> <th colspan="2">Géants de l'internet par année de création</th> </tr> <tr style="border-bottom:1px solid black;"> <th style="padding:5px;">Géants de l'internet</th> <th style="padding:5px;border-left:1px solid black;">Année de création</th> </tr> </thead> <tbody> <tr> <td style="padding:5px;">Facebook</td> <td style="padding:5px;border-left:1px solid black;">2004</td> </tr> <tr> <td style="padding:5px;">Google</td> <td style="padding:5px;border-left:1px solid black;">1998</td> </tr> <tr> <td style="padding:5px;">Amazon</td> <td style="padding:5px;border-left:1px solid black;">1994</td> </tr> </tbody> </table> </body> </html>