Exercice 23/26

Attention, la structure HTML proposée est minimale, n'oubliez pas d'ajouter les balises nécessaires.

  • Ajoutez une paire de balises ‹h1›‹/h1› dans le body de votre page HTML. Votre titre h1 peut être ce que vous voulez ! Ensuite, dans le fichier stylesheet.css, mettez votre titre en police Verdana en utilisant la propriété font-family et attribuez-lui la couleur #576d94;
  • Ajoutez deux paires de balises ‹p›‹/p› au-dessous de votre titre h1. Mettez le texte que vous voulez dedans. Enfin, allez dans le fichier stylesheet.css et attribuez à la police de votre paragraphe la taille (font-size) de 1em et la couleur (color) #4a4943;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 23/26

Notre squelette HTML est désormais connecté à notre page CSS.

Cet exercice fait un rappel sur les sélecteurs, les propriétés et leurs valeurs. Rappelez-vous que la syntaxe est la suivante :

sélecteur {
    propriété: valeur;
}

  • N'oubliez pas le "V" majuscule dans "Verdana".
  • Si vous avez des problèmes avec la taille de la police, essayez de mettre le zoom de votre navigateur à zéro avec Ctrl-0 ou Cmd-0.

Commentaires les mieux notés

  • juliettemf97-30

    Bonjour, je ne comprend pas mon erreur, on me dit "Vérifiez la syntaxe du sélecteur pour le paragraphe <p>."

  • nkeshimanabrice-37

    veuillez corriger...

  • mram Administrateur

    C'est "font-size" avec un "f" minuscule et non majuscule. L'erreur doit venir de là.

  • mso

    Bonjour, Je tourne en rond pour cet exercice qui paraît simple. Je ne vois pas pourquoi le style du paragraphe n'est pas reconnu par la validation.... Message: Vérifiez la syntaxe de la règle CSS pour la taille du texte du paragraphe <p>.,Vous devriez avoir 1 élément html avec la règle CSS "color: #4a4943".,Vous devriez avoir 1 élément html avec la règle CSS "font-size: 1em".

34 Commentaires

  • juliettemf97-30

    juliettemf97-30

    Bonjour, je ne comprend pas mon erreur, on me dit "Vérifiez la syntaxe du sélecteur pour le paragraphe <p>."

    le 04/09/2018 à 16h27

  • mram

    mram Administrateur

    C'est "font-size" avec un "f" minuscule et non majuscule. L'erreur doit venir de là.

    le 30/06/2016 à 17h44

  • mso

    mso

    Bonjour, Je tourne en rond pour cet exercice qui paraît simple. Je ne vois pas pourquoi le style du paragraphe n'est pas reconnu par la validation.... Message: Vérifiez la syntaxe de la règle CSS pour la taille du texte du paragraphe <p>.,Vous devriez avoir 1 élément html avec la règle CSS "color: #4a4943".,Vous devriez avoir 1 élément html avec la règle CSS "font-size: 1em".

    le 09/03/2017 à 16h21

  • mso

    mso

    J'ai trouvé l'origine, j'avais traduis "paire de balise" par deux balises début fin dans l'onglet index.html Avant KO <h1> titre 1 </h1> <p> paragraphe 1 </p> <p> paragraphe 2 </p> Correction OK <h1> titre 1 </h1> <p> paragraphe 1 </p>

    le 09/03/2017 à 18h38

  • alexpers

    alexpers

    Je ne comprends pas pourquoi cela ne marche pas, j'ai pourtant bien mis le <p> avec les info dans les instructions... Merci

    le 30/06/2016 à 16h54

  • pizzutoandrea3

    pizzutoandrea3

    je comprend pas

    le 28/05/2017 à 21h58

  • pizzutoandrea3

    pizzutoandrea3

    err regle css

    le 05/06/2017 à 00h57

  • mram

    mram Administrateur

    Ligne 2 il y a un espace en trop avant le ";" .

    le 08/06/2017 à 11h19

  • pizzutoandrea3

    pizzutoandrea3

    aidee.. merci

    le 31/05/2017 à 14h13

  • mariegrard

    mariegrard

    Bonjour, Il y a un problème dans l'énoncé. Dans l'instruction n°2: la couleur (couleur) #4a4943; Il faudrait écrire : la couleur (color) #4a4943; Pour que cela soit justement écrit. Merci

    le 20/03/2017 à 13h08

  • mram

    mram Administrateur

    Bien vu, merci !

    le 21/03/2017 à 17h49

  • mram

    mram Administrateur

    Ligne 2 dans le CSS il faut mettre "em" et pas "Em"....

    le 01/06/2017 à 16h10

  • alain.taufour

    alain.taufour

    mso a raison: il 1 ligne de titre <h1> et 1 paragraphe <p> sinon erreur

    le 23/03/2017 à 10h18

  • illshaad.budureea

    illshaad.budureea

    Bonjour, je ne comprend pas ou viens mon erreur merci

    le 21/09/2017 à 14h49

  • mram

    mram Administrateur

    Bonjour, il faut un espace devant {

    le 22/09/2017 à 18h19

  • veronique.nollet

    veronique.nollet

    Bonjour, j'ai le message d'erreur suivant : Vous devriez avoir 1 élément html avec la règle CSS "color: #4a4943".,Vous devriez avoir 1 élément html avec la règle CSS "font-size: 1em".

    le 27/03/2018 à 19h54

  • mram

    mram Administrateur

    Bonjour, et oui vous avez deux "p" dans le HTML donc le CSS s'applique au deux. Il faut juste un seul "p".

    le 30/03/2018 à 02h16

  • vaco.real3-59

    vaco.real3-59

    help svp

    le 25/04/2018 à 15h46

  • mram

    mram Administrateur

    Bonjour, une majuscule au nom de la police peut-être ?

    le 29/04/2018 à 03h17

  • nkeshimanabrice-37

    nkeshimanabrice-37

    je ne vois pas d'erreur dans mon code....

    le 26/10/2018 à 12h41

  • meriam

    meriam Administrateur

    Il vous manque le sélecteur h1, lisez bien l'énnoncé;

    le 26/10/2018 à 13h56

  • Ajell

    Ajell

    Erreur(s) : Vérifiez la syntaxe du sélecteur pour le titre <h1>.

    le 29/08/2018 à 23h11

  • mram

    mram Administrateur

    Vérifiez qu'il n'y ai pas d'espace après l'accolade {

    le 06/09/2018 à 06h04

  • ant.villard-11

    ant.villard-11

    Bonjour,je ne comprend malheureusement pas ou se trouve mon erreur un petit coup de pouce serait le bienvenu! merci

    le 20/03/2018 à 13h09

  • mram

    mram Administrateur

    Bonjour, votre code semble correct. Quel message d'erreur avez-vous ?

    le 24/03/2018 à 05h29

  • potard.alison-63

    potard.alison-63

    erreur : Vous devez modifier deux propriétés css de la balise h1. Que faire ?

    le 08/01/2019 à 08h45

  • nkeshimanabrice-37

    nkeshimanabrice-37

    merci...

    le 03/09/2019 à 12h29

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <title>Rappel 2 sur 5</title> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> </head> <body> </body> </html>