Exercice 9/16
- Mettez le titre en vert (green) avec une taille de 16 pixels (16px)
- Mettez le premier paragraphe en violet (purple).
- Mettez le second paragraphe en rouge (red) avec une taille de 8 pixels (8px)
Leçon 9/16
L'attribut style est un peu magique : il admet une grande variété de valeurs et peut s'associer à la plupart des balises HTML. Par exemple, essayons de changer la couleur d'un titre.
La propriété CSS qui nous intéresse cette fois n'est plus font-size mais color. Pour attribuer la couleur verte, il faudra lui donner la valeur "green" ("vert" en anglais), ce qui donnera color:green.
Ajoutez dans la balise ouvrante l'attribut style suivi du signe = puis tapez color:blue entre guillemets. Par exemple :
<h2 style="color:orange">
Si on veut changer à la fois la couleur ET la taille du texte, il n'est pas nécessaire de rajouter un attribut style : il suffit de séparer les deux propriétés par un point-virgule . Par exemple :
<h2 style="color:blue;font-size:14px">
Faites votre choix dans la liste des couleurs disponibles en HTML.
_
Tout le contenu de l'attribut style (sa valeur) doit se trouver entre guillemets (à la droite du signe =).
Entre chaque élément de style (couleur, taille) placez un point-virgule.
Si vous avez une valeur anormale pour la taille de police, essayez de remettre le zoom de votre navigateur par défaut en tapant Ctrl + 0 ou Cmd + 0.
_
245 Commentaires
-
chamfree-70
Vous devez avoir 3 balises <p> dans le <body> c'est quoi ce messagele 19/11/2022 à 12h31
-
Patricio M Admin
pourquoi tu as écris 2 fois <p>??
le 21/11/2022 à 10h21
-
filipealmeidagomes-83
je soumet et ca me dit que je dois avoir trois balise <p> dans bodyle 21/10/2022 à 11h13
-
Patricio M Admin
Ton code est bon
le 21/10/2022 à 12h12
-
viper-art-3
Bonjour je ne comprend pas mon erreur, "Vous devez avoir 3 balises <p> dans le <body> " ce qui m'est affiché , je ne vois pas ou le placerle 14/06/2022 à 11h59
-
meriam Admin
Bonjour, il faut ajouter une seule balise ouvrante <p>, je vois que avez ajouté deux balises ouvrantes <p>
le 14/06/2022 à 12h18
-
goodsemani-65
ca me dit erreur:Vous devez avoir 3 balises <p> dans le <body>le 24/05/2022 à 20h41
-
meriam Admin
Bonjour, il faut supprimer la balise ouvrante p supplimentaire
le 25/05/2022 à 14h16
-
goodsemani-65
bonjour jai mis cela <h2 style="color:green;font-size:16px">Le progrès</h2> <p><p style="color:purple">Autrefois les écrans étaient monochromes</p> <p><p style="color:red;font-size:8px">Puis, un jour, la couleur fit son apparition</p> </body> </html>le 24/05/2022 à 20h40
-
meriam Admin
Bonjour, vous devez placer une seule balise ouvrante <p>
le 25/05/2022 à 13h49
-
nab.prado-23
Bonjour, je ne vois pas où est mon erreur. Il ne prend pas en compte la taille de la police pour le deuxième paragraphe pourtant je pense que je l'ai bien écrit..?le 22/11/2021 à 15h50
-
meriam Admin
Bonjour, si vous avez plusieurs propriétés vous laisser un espace entre chaque paire de prop:valeur (vous devez tout simplement supprimer le point-virgule)
le 22/11/2021 à 16h11
-
meriam Admin
Syntaxe générale <p style= " prop1:valeur1 ; prop2:valeur2">
le 22/11/2021 à 16h15
-
schwobidou-23
bonjour je trouve pas mon erreurle 21/10/2021 à 13h28
-
meriam Admin
Bonjour, vous devez supprimer l'élément p que vous avez insérer à l'intérieur de l'élément h2.
le 25/10/2021 à 12h12
-
mariam.massasy-79
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>3WA learning - Les couleurs</title> </head> <body> <h2 style="color:green;front-size:16px">Le progrès</h2> <p style="color:purple">les écrans étaient monochromes</p> <p style="color:red;front-size:8px">Puis, un jour, la couleur fit son apparition</p> </body> </html> pourquoi ça me met Pour la balise <p> n° 2 vous devez avoir la valeur font-size:8px (sans espaces) dans l'attribut style ???le 22/05/2021 à 19h50
-
meriam Admin
Bonjour, vous écrit front-size au lieu d'écrire font-size pour définir la taille de la police.
le 25/05/2021 à 12h16
-
jamesfarofaro-95
bonjour je ne trouve pas ou est mon erreur pourriez vous m'aiderle 06/05/2021 à 16h54
-
meriam Admin
placez la valeur puis l'unité==> 16px
le 07/05/2021 à 12h00
-
jamesfarofaro-95
bonjour je ne trouve pas ou est mon erreur pourriez vous m'aiderle 06/05/2021 à 16h53
-
meriam Admin
Bonjour, pour la propriété font-size:16px
le 07/05/2021 à 11h58
-
v.boidron-67
merci pour vos réponses et votre patience !le 07/04/2021 à 10h31
-
meriam Admin
je vous en prie, n' hésitez pas à m'envoyer des commentaires si vous trouverez des difficultés.
le 07/04/2021 à 14h10
-
v.boidron-67
Que se passe-t-il si on active Javascript dans index.html ?le 01/04/2021 à 13h41
-
meriam Admin
Bonjour , vous n'avez pas encore attaquer la partie js, ce bouton sera utile quand vous commencez le module java script pour visualiser le résultat.
le 02/04/2021 à 08h10
-
kibilydemba-7
Pour la balise <h2> vous devez avoir l'attribut stylele 29/03/2021 à 16h04
-
meriam Admin
Bonjour, vous ne devez pas attribuer l'attribut style à l'élément title de la partie head de la page html.
le 30/03/2021 à 20h58
-
clementpinart-15
sa me marque toujours "il faut trois balises <p> dans <body>le 09/03/2021 à 16h24
-
meriam Admin
Bonjour, supprimez les balises p supplémentaires
le 10/03/2021 à 13h55
-
meriam Admin
Bonjour, supprimez les balises p supplémentaires
le 10/03/2021 à 13h55
-
clementpinart-15
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> <p>3WA learning - Les couleurs</p> </title> </head> <body> <h2 style="color:green ; font-size:16px">le progrès</h2> <p><p style="color:purple">Autrefois les écrans étaient monochromes</p> <p><p style="color:red ; font-size:8px">Puis, un jour, la couleur fit son apparition</p> </body> </html>le 09/03/2021 à 16h23
-
meriam Admin
Bonjour, votre code est correct.
le 10/03/2021 à 13h53
Commentaires les mieux notés