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

98 Commentaires

  • judithblot-93

    judithblot-93

    h1 {Font-family: Verdana ;color:#576d94;} p {Font-size:1em ; color:#4a4943;} la couleur de p n'est pas modifiée, merci pour votre aide (quand je mets yellow ça marche)

    le 19/09/2022 à 07h35

  • Patricio M

    Patricio M Admin

    Attention, 2 choses; Indente bien ton code et puis le bot est sensitive à la case "Font" ou "font" n'est pas la même proprieté

    le 19/09/2022 à 08h51

  • souetrejeremy-34

    souetrejeremy-34

    font-family:Verdana, sans-serif; color:#576d94;

    le 24/06/2022 à 19h38

  • meriam

    meriam Admin

    Il faut enlever la police de subtitution sans-serif

    le 01/07/2022 à 10h25

  • souetrejeremy-34

    souetrejeremy-34

    Bonjour, en quoi cette syntaxe est-elle fausse. Merci bien :

    le 24/06/2022 à 19h37

  • souetrejeremy-34

    souetrejeremy-34

    Bonjour, en quoi cette syntaxe est-elle fausse. Merci bien :

    le 24/06/2022 à 19h37

  • meriam

    meriam Admin

    Bonjour, l'énoncé demande d'ajouter la police Verdana uniquemant, il faut pas ajouter des guillemets pour la valeur de la police.

    le 28/06/2022 à 11h55

  • souetrejeremy-34

    souetrejeremy-34

    h1 { font-family:Verdana, sans-serif; color:#576d94; } p { font-size:1em; color:#4a4943; }

    le 24/06/2022 à 19h34

  • souetrejeremy-34

    souetrejeremy-34

    Y a t-il un véritable problème avec cette syntaxe ? Le correcteur persiste à me dire que je n'ai pas mis la bonne police :

    le 24/06/2022 à 19h34

  • meriam

    meriam Admin

    Bonjour, il faut enlever les guillemets qui entourent la police Verdana;

    le 28/06/2022 à 11h49

  • souetrejeremy-34

    souetrejeremy-34

    Y a t-il un véritable problème avec cette syntaxe ? Le correcteur persiste à me dire que je n'ai pas mis la bonne police :

    le 24/06/2022 à 19h34

  • meriam

    meriam Admin

    Bonjour, il faut enlever les guillemets qui entourent la police Verdana;

    le 01/07/2022 à 10h24

  • vtim2841-77

    vtim2841-77

    Bonjour, je reçois le message "Vous devez avoir deux balises p après votre balise h1" alors que j'ai bien mis deux balise p

    le 31/03/2022 à 19h40

  • meriam

    meriam Admin

    Bonjour, dans la partie body, on peut pas ajouter la balise title (cette balise doit être placée dans le head qui désigne le titre du document html qui va être affiché dans l'onglet du navigateur), on peut pas imbriquer des éléments p dans h1.

    le 01/04/2022 à 08h53

  • meriam

    meriam Admin

    Il faut commencer par l'ajout du titre niveau1 avec la balise h1,puis ajoutez les deux paragraphes.

    le 01/04/2022 à 08h54

  • GSE

    GSE

    Bonjour, c'est un détail (et je peut me tromper) mais ce n'est pas " de vos paragraphes " au lieu " de votre paragraphe " ?

    le 30/11/2021 à 18h07

  • stelianboyer1-53

    stelianboyer1-53

    "vous devez avoir deux balises p après votre balise h1 "

    le 11/11/2021 à 18h27

  • meriam

    meriam Admin

    Bonjour, vous avez ajouté un seul paragraphe aprés le titre h1.

    le 15/11/2021 à 10h25

  • bilismira-75

    bilismira-75

    Je ne trouve pas l'erreur

    le 13/06/2021 à 16h00

  • meriam

    meriam Admin

    Bonjour, remlacez la lettre p en miniscule.

    le 14/06/2021 à 11h50

  • alicia.haouachi-93

    alicia.haouachi-93

    bonjour je ne comprend pas mon erreur

    le 26/05/2021 à 13h01

  • meriam

    meriam Admin

    Bonjour, pour le 2ème sélecteur p, vous devez ajouter l'accolade fermante }

    le 26/05/2021 à 14h25

  • meriam

    meriam Admin

    N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.

    le 26/05/2021 à 14h25

  • elisa.berdon.calvin

    elisa.berdon.calvin

    c'est bon j'y suis enfin arrivée !! merci quand même

    le 30/03/2021 à 16h44

  • elisa.berdon.calvin

    elisa.berdon.calvin

    c'est bon j'y suis enfin arrivée !! merci quand même

    le 30/03/2021 à 16h44

  • meriam

    meriam Admin

    N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.

    le 30/03/2021 à 21h00

  • elisa.berdon.calvin

    elisa.berdon.calvin

    c'est bon j'y suis enfin arrivée !! merci quand même

    le 30/03/2021 à 16h44

Pour publier un commentaire, vous devez vous connecter.
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>
http://localhost:8080