Exercice 12/26

  • Dans le fichier stylesheet.css, en utilisant la propriété font-family, attribuez la police Verdana à la balise ‹h1›;
  • Attribuez la police Courier à la balise ‹h3›;
  • Attribuez la propriété color et sa valeur purple au paragraphe ‹p›;
  • Ajoutez un commentaire de votre choix à l'onglet CSS ! Rappelez-vous que les commentaires HTML et CSS s'écrivent différemment;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 12/26

Vous avez beaucoup appris en seulement quelques leçons.
Cet exercice est rappel pour être certain que vous maîtrisez bien vos nouvelles connaissances.

Si vous ne vous rappelez pas comment faire certaines choses, n'hésitez pas à retourner en arrière pour regarder les exercices précédents.

N'oubliez pas les majuscules dans le nom des polices.

Commentaires les mieux notés

  • ouggarhani-55

    bonjour, le code est correct,non ?Vérifiez la syntaxe du sélecteur pour le titre <h1>.,Vérifiez la syntaxe du sélecteur pour le titre <h3>.,Vérifiez la syntaxe du sélecteur pour le paragraphe <p>.

  • funnymouse-24

    idem, on me dit : vous n'avez besoin que d'un commentaire dans la feuille de style"?

  • mram Administrateur

    C'est parce que seulement "purple" est pris en charge dans le code de correction (car c'est ce qui est indiqué dans l'énoncé), pas "Purple" (avec la majuscule).

  • markitobcn

    je donne ma langue au chat…

63 Commentaires

  • mram

    mram Administrateur

    C'est parce que seulement "purple" est pris en charge dans le code de correction (car c'est ce qui est indiqué dans l'énoncé), pas "Purple" (avec la majuscule).

    le 29/06/2016 à 18h09

  • markitobcn

    markitobcn

    je donne ma langue au chat…

    le 23/10/2016 à 16h20

  • laurence.koubi

    laurence.koubi

    h1 { font-family:Verdana; } h3 { font-family:Courier; } p { color:purple; } p { /*font-family:Arial;*/ } Je ne vois pas mon erreur, merci de votre regard attentif

    le 13/02/2017 à 17h53

  • wittmann.patty

    wittmann.patty

    Je n'arrive pas a valider il me met "vérifier la syntaxe de la règle CSS pour la couleur du texte du paragraphe <p>., vous devriez avoir 1 élément HTML avec la règle CSS color:Purple". J'ai une erreur quelque part ?

    le 29/06/2016 à 15h17

  • markitobcn

    markitobcn

    Il me demande de vérifier la syntaxe de <H3>?

    le 24/10/2016 à 13h16

  • mram

    mram Administrateur

    Pour chaque sélecteur, la 1ère accolade doit se trouver sur la même ligne.

    le 06/10/2016 à 00h34

  • mram

    mram Administrateur

    Oui il y a un espace invisible juste après l'accolade ouvrante alors que c'est un retour à la ligne qui est attendu. Sinon le code est correct.

    le 24/10/2016 à 13h42

  • mram

    mram Administrateur

    Juste mettez un espace après les double-points ":" dans le CSS.

    le 17/02/2017 à 13h50

  • laurence.koubi

    laurence.koubi

    ... :-( J'ai mis un espace mais ce n'est pas mieux ...

    le 17/02/2017 à 17h24

  • mram

    mram Administrateur

    Le code ligne 10 à 12 est inutile. Lignes 2, 5 et 8 il y a un espace en trop à la fin. Et lignes 3, 6, 9 l'accolade fermante doit être le premier caractère (pas d'espace devant).

    le 17/02/2017 à 17h38

  • laurence.koubi

    laurence.koubi

    Ah mais si j'enlève 10 à 12 il me réclame un commentaire

    le 17/02/2017 à 17h41

  • mram

    mram Administrateur

    Laisse juste un commentaire CSS mais sans sélecteur CSS avec (tu avais mis un p { } qui était devenu inutile du coup).

    le 17/02/2017 à 17h49

  • william.dupuis

    william.dupuis

    Dans l'énoncé, il manque le "un" devant rappel.

    le 30/05/2017 à 13h24

  • jljulienlevy92

    jljulienlevy92

    Bonjour, quand je veux valider l'exercice, on me met: VÉRIFIEZ LA SYNTAXE DU SÉLECTEUR POUR LE TITRE <H1>.,VÉRIFIEZ LA SYNTAXE DU SÉLECTEUR POUR LE TITRE <H3>.,VÉRIFIEZ LA SYNTAXE DU SÉLECTEUR POUR LE PARAGRAPHE <P>. Je ne comprend pas, car chaque propriété s'applique correctement. h1 { font-family: Verdana; } h3 { font-family: Courier; /*color: red;*/ } p { color: purple; }

    le 10/05/2017 à 11h40

  • atif.souidi

    atif.souidi

    je ne comprend pas mon erreur

    le 09/09/2016 à 20h01

  • markitobcn

    markitobcn

    vache c'est vicieux!! merci

    le 26/10/2016 à 03h10

  • mram

    mram Administrateur

    Votre code est correct, mettez chaque couple "propriétés : valeur" sur une ligne à part.

    le 15/05/2017 à 13h31

  • mram

    mram Administrateur

    C'est parce qu'on vérifie que le code est écrit proprement (indentation, retour à la ligne) pour qu'il soit lisible. Mais en pratique ça n'empêche pas le code d'être correct et de fonctionner.

    le 27/10/2016 à 09h06

  • mram

    mram Administrateur

    Lignes 1, 4 et 7, il faut un espace avant l'accolade.

    le 13/09/2016 à 18h17

  • philippe.dragon83

    philippe.dragon83

    Le résultat est conforme à la demande, cependant je ne peux pas valider la réponse. Information renvoyée: vérifier la syntaxe du sélecteur H1. Voici ma réponse : h1{ font-family:Verdana;}

    le 03/10/2016 à 16h23

  • mram

    mram Administrateur

    Merci c'est corrigé.

    le 01/06/2017 à 16h30

  • maudhannon

    maudhannon

    Merci de laisser la structure html de l'exercice tel qu'il est : ça veut dire quoi ? Je ne parviens pas à ajouter de commentaire en mode CSS

    le 29/07/2016 à 17h38

  • mram

    mram Administrateur

    Vous avez 2 balises <link> dans le code HTML, il n'en faut qu'une seule.

    le 31/07/2016 à 23h36

  • christophe.troel-68

    christophe.troel-68

    Cela ne fonctionne pas car mon code est bon mais ça m'indique une erreur de syntaxe.

    le 15/04/2018 à 21h24

  • mram

    mram Administrateur

    Bonjour, la couleur c'est "purple" et non "Purple".

    le 18/04/2018 à 04h52

  • bourgois.d-73

    bourgois.d-73

    Bonjour, comment ajouter un texte sur l'onglet css, je bloque merci

    le 20/06/2018 à 12h56

  • mram

    mram Administrateur

    Bonjour, je comprends pas ce que vous souhaitez faire. Pouvez-vous détailler ?

    le 24/06/2018 à 06h17

  • claire.legrall

    claire.legrall

    bonjour pouvez vous regarder mon code svp l'erreur me dis merci de laisser la structure html telle quelle est j'ai modifié le <p>et je ne sais plus comment il était à l'origine, pouvez vous m'éclairer merci

    le 25/11/2017 à 18h38

  • mram

    mram Administrateur

    Bonjour, la solution est de vous déconnecter et de copier le code HTML par défaut de l'exercice. Puis vous connecter et le coller dans votre code HTML .

    le 26/11/2017 à 20h18

  • sterbik.pierrealexandre-1

    sterbik.pierrealexandre-1

    Bonjour, pareil que tout le monde, problème de syntaxe... J'ai essayé tout ce que je pouvais sans succès. Je ne sais plus quoi faire

    le 14/05/2018 à 14h58

  • mram

    mram Administrateur

    Bonjour, il faut indenter le code dans les accolades.

    le 18/05/2018 à 05h14

  • benjamin.pinson-83

    benjamin.pinson-83

    Bonjour, j'ai un petit problème avec ma syntaxe h3. Je fais que de recommencer mais c'est correct pourtant non ?

    le 02/05/2018 à 18h58

  • mram

    mram Administrateur

    Bonjour, il y a des espaces inutiles après les accolades {

    le 04/05/2018 à 07h49

  • v_sede

    v_sede

    Bonjour, j'ai écris le code CSS correctement, et je reçois comme message d'erreur :"Vérifiez l'attribut "type" ainsi que sa valeur." Pourtant je n'ai pas d'attribut Type à réaliser dans cet exercice sauf erreur de ma part?

    le 26/06/2017 à 10h12

  • v_sede

    v_sede

    En fait j'avais confondu "type" et "style" pour le 1er attribut du link, le problème est résolu!

    le 26/06/2017 à 10h32

  • nouroumohamed

    nouroumohamed

    Bonjour, le problème c'est que le code CSS marche et s'applique par contre la correction indique que le syntaxe est mal écrite à cause d'éventuel espace etc impossible donc de valider l'exo malgré maintes verifications.

    le 14/09/2017 à 13h38

  • mram

    mram Administrateur

    Bonjour, il est vrai que l'on vérifie l'indentation et l'aération du code (avec espaces ou non). Mais là l'erreur vient du fait que vous écrivez mal "Courier" .

    le 14/09/2017 à 14h00

  • aserky-83

    aserky-83

    Vérifiez la syntaxe du sélecteur pour le paragraphe <p>.,Vérifiez la syntaxe de la règle CSS pour la couleur du texte du paragraphe <p>.,Vous devriez avoir 1 élément html avec la règle CSS "color: purple". Vérifiez la syntaxe du sélecteur pour le paragraphe <p>.,Vérifiez la syntaxe de la règle CSS pour la couleur du texte du paragraphe <p>.,Vous devriez avoir 1 élément html avec la règle CSS "color: purple".

    le 20/04/2018 à 02h57

  • mram

    mram Administrateur

    Bonjour, attention c'est purple et non Purple. Et mettez le commentaire sur une ligne à part également.

    le 23/04/2018 à 04h06

  • francis.ascone-16

    francis.ascone-16

    je ne trouve pas mon erreur /*commentaire*/ h1{ font-family: verdana; } h3{ font-family: courier; } p{ color: purple; } Vérifiez la syntaxe de la règle CSS pour la police du titre <h1>.,Vérifiez la syntaxe de la règle CSS pour la police du titre <h3>.,Vous devriez avoir 1 élément html avec la règle CSS "font-family: Verdana".,Vous devriez avoir 1 élément html avec la règle CSS "font-family: Courier".

    le 07/05/2018 à 17h45

  • mram

    mram Administrateur

    Bonjour, attention à l'écriture du nom des polices :)

    le 14/05/2018 à 02h07

  • audebertt-85

    audebertt-85

    A l'aide svp

    le 18/05/2018 à 14h02

  • mram

    mram Administrateur

    Bonjour, la structure du code CSS n'est pas celle attendue. Revoyez les exemples de CSS présents dans les exercices précédents.

    le 23/05/2018 à 06h53

  • lois.marchandtravail

    lois.marchandtravail

    Bonjour je ne comprends pas où j'ai fais mon erreur dans mon code, voilà ce que j'ai fais, en mettant tout à une ligne différente à chaque fois : h1 { font-family:Verdana; } h3 { font-family:Courier; } p { color:purple; /*Commentaire Test*/ } Il me demande de "vérifier la syntaxe de "h3" ...

    le 01/08/2017 à 23h10

  • mram

    mram Administrateur

    Bonjour, votre dernière version du code semble correcte, avez-vous pu valider l'exercice finalement ?

    le 05/08/2017 à 10h02

  • vaco.real3-59

    vaco.real3-59

    bonjour je ne comprends pas mon erreur, merci h1{ font-family:Verdana;} h3{ font-family:Courier;} p{ color:purple;/*font-size:24px*/}

    le 25/04/2018 à 00h50

  • vaco.real3-59

    vaco.real3-59

    ok merci j'ai trouver c'était l'indentation qui était mauvaise

    le 25/04/2018 à 00h53

  • zoran.m

    zoran.m

    Dans le fichier index.html, ajoutez un lien ‹link› vers stylesheet.css entre vos balises ‹head›‹/head›. Hum...Le lien est pré-écrit dans l'exercice...dommage...

    le 04/07/2017 à 23h47

  • mram

    mram Administrateur

    J'ai supprimé l'instruction correspondante.

    le 07/07/2017 à 11h52

  • ari

    ari

    Bonjour, je pense qu'il y a des corrections à faire pour cet exercice, j'avais un message d'erreur pour la balise <p> et le purple qui était en dernière instruction dans ma feuille de style, je l'ai ensuite simplement couper coller en première instruction et ça à fonctionné.. bizarre.

    le 25/09/2017 à 19h29

  • mram

    mram Administrateur

    Bonjour, non on peut mettre le bloc de déclaration en dernier. Votre première erreur (de syntaxe) est d'avoir laissé un espace devant le sélecteur, ensuite d'avoir mis "Purple" et non "purple", puis d'avoir mis la propriété et sa valeur sur deux lignes différentes.

    le 29/09/2017 à 01h15

  • MauraneM

    MauraneM

    Bonjour, je n'arrive pas à voir mon erreur mais ça m'indique qu'il y en une dans la syntaxe du titre h3 : h1 {font-family:Verdana;} h3 {font-family:Courier;} p {color:purple; /*font-size:16px;*/ } Merci de votre aide

    le 19/03/2018 à 00h23

  • mram

    mram Administrateur

    Bonjour, bizarre car le code CSS semble correct. Pouvez-vous copier / coller le message d'erreur précis ? Merci.

    le 19/03/2018 à 05h26

  • Noble-Triton0

    Noble-Triton0

    Pourquoi quand j'ecris mon code CSS , je ne dois pas mettre de point ? Ex: p{} au lieu de .p {} ( avec class="" dans la balise concerner sur mon fichier html)

    le 28/06/2018 à 16h21

  • mram

    mram Administrateur

    Sans le point, vous faites références au nom de la balise : p, h1, div ...

    Si vous mettez un point ".p" vous ne faites plus référence aux balises "p" mais à tout élément HTML qui possède la classe p.

    le 05/07/2018 à 04h03

  • bruce.chrystel-19

    bruce.chrystel-19

    Bonjour, je ne vois pas erreur..Pouvez-vous m'aider s'il vous plait ?

    le 22/02/2018 à 13h49

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ?

    le 25/02/2018 à 01h23

  • bruno.neumann-34

    bruno.neumann-34

    Bonjour mon corde me semble correcte, je ne vois pas mon ou mes erreurs, j'ai essayé en suppriment les espaces, ça n'a rien changé ?

    le 17/09/2018 à 10h34

  • mram

    mram Administrateur

    Bonjour, il faut indenter le code lignes 2, 5 et 8.

    le 02/10/2018 à 05h39

  • antoine.perconte-9

    antoine.perconte-9

    Bonjour...Je ne comprends pas pourquoi le code ne marche...h1 { font-family:"Verdana"; } h3 { font-family:"Courier"; } p { /*pffffffffffffffffff */ color:"purple"; }

    le 25/02/2019 à 11h01

  • meriam

    meriam Administrateur

    pas de guillemets pour les valeurs des propriétés par exemple h1 { font-family:Verdana ;} et non pas h1 { font-family:"Verdana ";}

    le 25/02/2019 à 13h47

  • maryamtahri-68

    maryamtahri-68

    bonjour petit problème avec le commentaire, quelqu un a t il une solution?

    le 05/09/2019 à 17h48

  • meriam

    meriam Administrateur

    changer l'emplacement de commentaire (aprés ou avant les sélecteurs).

    le 09/09/2019 à 15h23

  • ant.villard-11

    ant.villard-11

    Je bloque car le système indique une erreur dans mon codage, je ne trouve pas la faute

    le 20/03/2018 à 11h17

  • mram

    mram Administrateur

    Bonjour, il faudrait mettre les accolades { sur la même ligne que le sélecteur CSS.

    le 24/03/2018 à 05h23

  • anthony.saintlanne-45

    anthony.saintlanne-45

    Bonjour, j'ai un souci le correcteur me dit "vous n'avez besoin que d'un commentaire dans la feuille de style"?

    le 22/02/2019 à 12h38

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <title>Petite révision</title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> </head> <body> <h1>Change-moi en Verdana.</h1> <h3>Change-moi en Courier.</h3> <p>Mets-moi en violet !</p> </body> </html>