Exercice 13/15

  • Entourez le mot "Rouge" dans l'éditeur avec les balises <span></span> et attribuez à la balise <span> le style="color:red".

Remarquez que le seul mot qui change de couleur est celui entre les balises <span> et </span> !

Leçon 13/15

La seconde balise magique qui vous sera très utile aussi est <span>. Elle vous permet également de délimiter une partie de votre page web mais sans la transformer en bloc. Généralement, on s'en sert pour délimiter une portion de texte par exemple. Par exemple, pour changer la couleur d'un mot dans un paragraphe, il suffit de l'encadrer avec les balises <span> et </span> et de lui appliquer une couleur avec du CSS !

Commentaires les mieux notés

25 Commentaires

  • malletfingergirl-18

    malletfingergirl-18

    bonjour, je ne peux pas soumettre ma réponse

    le 31/01/2022 à 14h03

  • meriam

    meriam Admin

    Bonjour, quel est votre problème exactement???

    le 31/01/2022 à 14h55

  • kodjovi.segnegbe.etu-93

    kodjovi.segnegbe.etu-93

    <!DOCTYPE html> <html> <head> <title>Les spans</title> </head> <body> <p>Le Trésor de Rackham le <span style="color:red">Rouge</span> est le douzième album des Aventures de Tintin</p> </body> </html>

    le 24/12/2021 à 13h19

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 26/12/2021 à 23h04

  • kodjovi.segnegbe.etu-93

    kodjovi.segnegbe.etu-93

    <!DOCTYPE html> <html> <head> <title>Les spans</title> </head> <body> <p>Le Trésor de Rackham le <span style="color:red">Rouge</span> est le douzième album des Aventures de Tintin</p> </body> </html>

    le 24/12/2021 à 13h01

  • meriam

    meriam Admin

    Votre code fonctionne correctement

    le 26/12/2021 à 23h04

  • ou.broly-83

    ou.broly-83

    Bonjour pourquoi il ne me valide pas cet exercice ? Merci

    le 21/07/2018 à 11h59

  • mram

    mram Admin

    Bonjour, il faut mettre en rouge uniquement le mot "Rouge" ...

    le 01/08/2018 à 01h03

  • ou.broly-83

    ou.broly-83

    Bonjour j'ai fais ce qu'ils ont demandé mais on m'envoie le même message : "Assurez-vous que seul le mot "rouge" est inclus entre les balises <span></span> !"

    le 16/07/2018 à 09h49

  • mram

    mram Admin

    Bonjour, juste le mot "rouge" et pas "le Rouge" ...

    le 25/07/2018 à 00h27

  • joseph.ralai-66

    joseph.ralai-66

    Bonsoir, je suis perdu .... le resultat est bon mais ils me disent de verifier que seul le mot rouges soit inclus ds les balises .aidez moi svp

    le 14/02/2018 à 17h12

  • mram

    mram Admin

    Bonjour, il faut une majuscule à Rouge (comme écrit dans l'énoncé) car ça fait partie du nom propre. Sinon votre code CSS est correct.

    le 15/02/2018 à 22h13

  • a.bakayoko

    a.bakayoko

    moi aussi j'ai la meme chose

    le 05/10/2017 à 11h10

  • mram

    mram Admin

    Bonjour, il vous manquait un chevron ">" ...

    le 08/10/2017 à 20h31

  • mram

    mram Admin

    Il faut supprimer les espaces autour du mot "Rouge"

    le 01/06/2017 à 11h46

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 27/05/2017 à 17h21

  • mram

    mram Admin

    Mettez les lignes 8,9,10 sur une seule ligne...

    le 22/09/2016 à 19h07

  • hicham-80

    hicham-80

    <!DOCTYPE html> <html> <head> <title>Les spans</title> </head> <body> <p>Le Trésor de Rackham le <span style="color:red" >Rouge </span> est le douzième album des Aventures de Tintin</p> </body> </html>

    le 21/09/2016 à 14h10

  • hicham-80

    hicham-80

    je comprend pas jai le mot Rouge en red mais ils me disent de verifier que seul le mot rouges soit inclus ds les balises je vois pas la faute

    le 21/09/2016 à 14h10

Pour publier un commentaire, vous devez vous connecter.
index.html
<!DOCTYPE html> <html> <head> <title>Les spans</title> </head> <body> <p>Le Trésor de Rackham le Rouge est le douzième album des Aventures de Tintin</p> </body> </html>
http://localhost:8080