Exercice 8/16

  • À la ligne 7, attribuez au texte une taille de police de 10 pixels
  • À la ligne 8, attribuez au texte une taille de police de 20 pixels
  • À la ligne 9, attribuez au texte une taille de police de 40 pixels

Si la taille de vos polices vous semble anormale, réinitialisez le zoom de votre navigateur avec les touches Cmd + 0 ou Ctrl + 0.

Leçon 8/16

Vous rappelez-vous des attributs src et href que l'on a ajoutés respectivement dans la balise <img> et la balise <a> ? Et bien, on peut ajouter des attributs à toutes les balises !

Quand la balise n'est pas auto-fermante comme <a>, on place l'attribut dans la balise ouvrante. C'est donc le cas pour <p> également.

Ces attributs servent à attribuer un comportement ou une caractéristique à la balise (la cible du lien ou la source de l'image par exemple).

Pour modifier la taille du texte contenu dans un paragraphe, on peut utiliser l'attribut style. Pour cela, il suffit d'écrire style suivi du signe = et d'indiquer la propriété que l'on souhaite attribuer entre guillemets.

Dans notre cas, il s'agira de la propriété font-size (ce qui signifie "taille de la police" en anglais) mais il faut bien entendu lui donner une valeur : pour cela on utilise la ponctuation : suivie de la taille de police désirée (en chiffres) exprimée en px (pour "pixels"). Voici un exemple :

     <p style = "font-size:12px">

_

Vérifiez bien l'imbrication correcte des balises <p>. Si vous tapez :

<p <p style="font-size: 10px"></p>

ou

<p> <p style="font-size: 10px"></p>

votre code va donner des résultats inattendus.

Attention, la taille de police dépend aussi du zoom en vigueur dans votre navigateur : pour une apparence standard, tapez Ctrl-0 ou Cmd-0.

_

Commentaires les mieux notés

  • leon.thom-33

    Bonjour, je n'arrive pas à trouver le probleme

  • shirlenhocquard-28

    bonjour , mes odes sont bons , mais je devrais avoir " balise <p> dans le body , elles y sont dailleurs , mais le pc ne les voient pas .. que dois je faire ?

  • hicham-80

    jai supprimer sa me fait la mme chose

  • infos

    Bonjour, j'avais le même souci, q'il me semble être résolu puisque mes paragraphes apparaissent comme demandés, mais lorsque je soumet l'exercice, on me dit que je ne dois pas supprimer les paragraphes...donc impossible d'avancer !Je ne trouve pas l'erreur.

68 Commentaires

  • leon.thom-33

    leon.thom-33

    Bonjour, je n'arrive pas à trouver le probleme

    le 03/02/2018 à 16h32

  • mram

    mram Administrateur

    Bonjour, le souci est que vous ouvrez plusieurs fois la balise <p>, c'est inutile, une fois suffit.

    le 06/02/2018 à 11h32

  • hicham-80

    hicham-80

    jai supprimer sa me fait la mme chose

    le 05/09/2016 à 14h18

  • infos

    infos

    Bonjour, j'avais le même souci, q'il me semble être résolu puisque mes paragraphes apparaissent comme demandés, mais lorsque je soumet l'exercice, on me dit que je ne dois pas supprimer les paragraphes...donc impossible d'avancer !Je ne trouve pas l'erreur.

    le 21/09/2016 à 12h58

  • mram

    mram Administrateur

    Lignes 7, 8 et 9, il y a un <p> en trop ...

    le 05/09/2016 à 14h35

  • mram

    mram Administrateur

    Supprimez la ligne 8 qui ne sert à rien.

    le 04/09/2016 à 13h28

  • infos

    infos

    PS :J'ai trouvé mon erreur finalement

    le 21/09/2016 à 13h34

  • hicham-80

    hicham-80

    j ai fait ce qui ma ete demander mais pk il me dit que jai supprimer les 3 paragraphe<!DOCTYPE html> <html> <head> <title>Y-a-t-il une taille minimale pour entrer dans la police ?</title> </head> <body> <p><p style = "font-size:12px"> Vous êtes vraiment petit ! </p> <p><p style = "font-size:20px"> Vous avez une taille moyenne... </p> <p><p style = "font-size:40px"> Vous êtes très grand ! </p> </body> </html>

    le 01/09/2016 à 22h23

  • cavi20

    cavi20

    Bonjour, J'ai essayé plusieurs fois (avec/sans <p), mais le même erreur " pas supprimer les paragraphes.."

    le 16/03/2017 à 11h56

  • timabeye1996

    timabeye1996

    je vois pas de resultat jusqu à présent

    le 13/04/2017 à 14h56

  • mohamed.soifoini

    mohamed.soifoini

    bonjour! j'ai fais ce qu'on ma demandé , mais dés que je soumet l'exercice on me dit que j'ai supprimé les 3 paragraphes . je ne comprend pas

    le 12/06/2017 à 16h48

  • mram

    mram Administrateur

    Il faut rajouter la balise style à chaque paragraphe avec le CSS demandé, ex : <p style="font-size:10px> Vous êtes vraiment petit ! </p>

    le 20/06/2017 à 12h48

  • mram

    mram Administrateur

    Lignes 7 et 8, il manque les balises </p>

    le 21/03/2017 à 17h27

  • mram

    mram Administrateur

    Bizarre, vous devriez. J'ai pris votre code et il fonctionne bien de mon côté ...

    le 18/04/2017 à 13h34

  • laurence.festy-38

    laurence.festy-38

    j'ai bien changé les tailles de police mais quand je soumets le message est:que j'ai supprimé les paragraphes!!! je ne comprends pas merci pour l'aide

    le 25/02/2018 à 14h57

  • mram

    mram Administrateur

    Bonjour, le souci est que vous ouvrez deux fois les balises "p", une fois suffit.

    le 01/03/2018 à 22h45

  • cedr133-72

    cedr133-72

    bonjour, on me dit de ne pas supprimer les 3 paragraphes mais de modifier leur talle. Mais je ne les ai pas supprimé? Pouvez vous m'aider s'il vous plait?<body> <p><p style="font-size:10px">Vous êtes vraiment petit ! </p> <p><p style="font-size=:20px">Vous avez une taille moyenne... </p> <p><p style="font-size:40px">Vous êtes très grand ! </p> </body>

    le 03/09/2018 à 10h33

  • cedr133-72

    cedr133-72

    c'est bon j'ai trouvé mon erreur ;-)

    le 03/09/2018 à 10h41

  • yaodejacques-72

    yaodejacques-72

    Bonjour mon code est correct. Mais je reçois cette erreur: "Pour la balise <p> n° 1 vous devez avoir la valeur font-size:10px (sans espaces)."

    le 13/01/2019 à 00h54

  • meriam

    meriam Administrateur

    Bonjour, pour l'attribut style, si on a une seule propriété, dans ce cas on n'a pas besoin de mettre le point virgule. A la ligne 9, la valeur de l'attribut style doit être entre guillemets.

    le 15/01/2019 à 13h15

  • boras.b-46

    boras.b-46

    Je n'ai pas suprimé les textes je les ai mis au tailles demandées????

    le 17/08/2018 à 15h56

  • mram

    mram Administrateur

    Vous ouvrez deux fois chaque paragraphe "p", c'est inutile.

    le 28/08/2018 à 22h33

  • mcdjob-18

    mcdjob-18

    mon code fonctionne et on me dit que j'ai supprimé les paragraphes

    le 12/09/2018 à 10h08

  • mram

    mram Administrateur

    La ligne 10 est inutile et ligne 7 il y a un "p" en trop.

    Relisez bien votre code...

    le 15/09/2018 à 07h39

  • moorh-41

    moorh-41

    message d erreur signalant de ne pas supprimer les 3 paragraphes, alors que ce n est pas le cas,,,En attente de reponse

    le 03/04/2018 à 16h44

  • mram

    mram Administrateur

    Bonjour, le souci vient du fait que vous ouvrez deux fois chaque balise "p" ...

    le 05/04/2018 à 03h58

  • asmaboutouba-88

    asmaboutouba-88

    Bonjour, quelle est l'erreur?

    le 30/01/2018 à 19h38

  • mram

    mram Administrateur

    Bonjour, il ne faut pas d'espace autour du signe =

    le 05/02/2018 à 10h30

  • zouhir_bitar

    zouhir_bitar

    j ai tout essayer,ça ne fonctionne pas,besoin d aide svp

    le 13/10/2017 à 20h58

  • mram

    mram Administrateur

    Bonjour, c'est juste une faute d'orthographe. Ce n'est pas front-size mais font-size.

    le 19/10/2017 à 00h09

  • asmaboutouba-88

    asmaboutouba-88

    J ai trouvé l erreur, sorry! c est font-size au lieu de front-size :-)

    le 31/01/2018 à 12h46

  • chanthasack

    chanthasack

    il y a des <p> inutile, il faut les enlever.... ça marche pour moi

    le 27/11/2017 à 17h21

  • audreydepaepe

    audreydepaepe

    Bonjour, je ne comprends pas le message d'erreur "Vous de devez pas supprimer les 3 paragraphes mais modifier leur taille de police", il me semble que j'ai toujours mes 3 paragraphes... merci

    le 11/12/2017 à 16h48

  • mram

    mram Administrateur

    Bonjour, vous avez ajouté à chaque paragraphe une balise <p>, donc il y en a une de trop.

    le 14/12/2017 à 21h12

  • veronique.nollet

    veronique.nollet

    Bonsoir, J'ai changé les tailles de police mais quand je soumets, le message est : Vous de devez pas supprimer les 3 paragraphes mais modifier leur taille de police. Help please.

    le 12/03/2018 à 18h36

  • mram

    mram Administrateur

    Bonjour, vous ouvrez deux fois chaque balise "p". Une seule fois suffit.

    le 16/03/2018 à 04h46

  • yerem010

    yerem010

    j' ai le code juste mais en m'envoit l'errer :Vous de devez pas supprimer les 3 paragraphes mais modifier leur taille de police

    le 17/10/2017 à 16h16

  • mram

    mram Administrateur

    Bonjour, dans les deux derniers paragraphes la deuxième balise <p> est inutile.

    le 19/10/2017 à 01h07

  • medby84

    medby84

    j'ai un souci mon code n'est pas validé alors que le resultat est bon. voici mon code: <!DOCTYPE html> <html> <head> <title>Y-a-t-il une taille minimale pour entrer dans la police ?</title> </head> <body> <p> Vous êtes vraiment petit ! </p> <p> Vous avez une taille moyenne... </p> <p> Vous êtes très grand ! </p> <p style="font-size:10px">Vous êtes vraiment petit!</p> <p style="font-size:20px">Vous avez une taille moyenne...</p> <p style="font-size:40px">Vous êtes très grand!</p> </body> </html>

    le 01/11/2017 à 14h43

  • mram

    mram Administrateur

    Bonjour, il ne faut pas créer 3 nouveaux paragraphes mais mettre l'attribut "style" aux paragraphes existant. Donc vos 3 premiers paragraphes sont inutiles.

    le 03/11/2017 à 23h57

  • yassine.laazouzi

    yassine.laazouzi

    Il me dis de ne pas supprimer les paragraphe or que je fait la meme chose qui a dans l'astuce

    le 23/08/2017 à 11h23

  • mram

    mram Administrateur

    Vous avez un "<p>" en trop en début de chaque ligne ...

    le 24/08/2017 à 22h33

  • aliciacolling55200

    aliciacolling55200

    bonjour quand je soumet l'exercice on me dit que j'ai supprimé les 3 paragraphes je comprend pas j'ai fait comme c'était mis

    le 14/12/2017 à 17h17

  • mram

    mram Administrateur

    Bonjour, vous avez ajouter à chaque fois un second paragraphe en ajoutant <p> alors qu'il fallait juste ajouter l'attribut style="..." dans la balise <p> existante.

    le 14/12/2017 à 21h58

  • nasreddine_boukhili-79

    nasreddine_boukhili-79

    <p> <p style="font-size:10px">Vous êtes vraiment petit ! </p> <p> <p style="font-size:20px">Vous avez une taille moyenne... </p> <p> <p style="font-size:40px">Vous êtes très grand ! </p> c'est quoi le prb pr ce code Erreur(s) : Vous devez avoir 3 balises <p> dans le <body>.

    le 25/01/2019 à 00h09

  • meriam

    meriam Administrateur

    Bonjour, votre dernier code est correct. Le problème c'est la balise p ouvrante supplimentaire.

    le 25/01/2019 à 10h39

  • caroledesroc-77

    caroledesroc-77

    J'ai le même message:3 paragraphes supprimés alors que j'ai fait les bons codes... il me semble

    le 22/01/2018 à 23h30

  • mram

    mram Administrateur

    Bonjour, c'est parce que vous aviez deux balises <p> pour ouvrir chaque paragraphe, une seule suffit.

    le 24/01/2018 à 16h44

  • audebertt-85

    audebertt-85

    S'il vous plaît, où serait l'erreur? j'ai respecté l'instruction

    le 26/03/2018 à 13h47

  • mram

    mram Administrateur

    Bonjour, non vous aviez ouvert chaque balise deux fois alors qu'une fois suffit.

    le 28/03/2018 à 06h18

  • mael93-75

    mael93-75

    bonjour je ne comprent pas ou doit etre le texte

    le 15/09/2018 à 15h43

  • mram

    mram Administrateur

    De quel texte parlez-vous ?

    le 16/09/2018 à 08h42

  • sebastien.remoleur

    sebastien.remoleur

    C'est un peu gênant de faire écrire (apprendre) les "<p style = "font-size:12px">" alors que c'est n'est plus "valide" que dans les tableaux pour le html5 css3 ... ou alors j'ai pas bien compris ...

    le 20/10/2017 à 02h16

  • mram

    mram Administrateur

    Bonjour, on peut appliquer des règles de style CSS de plusieurs façon. Le faire avec l'attribut "style" directement dans les balises HTML est une possibilité qu'il faut connaître même si en effet ce n'est pas la méthode la plus recommandée et qu'il est préférable de passer par un fichier .css externe. Ce que vous ferez dans les exercices suivants.

    le 20/10/2017 à 17h09

  • israel.mellul-12

    israel.mellul-12

    Bonjour je ne vois pas sou est le souci... merci

    le 25/04/2018 à 13h28

  • mram

    mram Administrateur

    Bonjour, vous ouvrez deux fois chaque balise "p". Une seule fois suffit.

    le 29/04/2018 à 03h16

  • flausag-18

    flausag-18

    J'ai un bon résultat mais, quand je soumets voici ce que j'ai "Vous de devez pas supprimer les 3 paragraphes mais modifier leur taille de police"

    le 04/06/2018 à 16h44

  • mram

    mram Administrateur

    Attention, il y a des <p> en trop c'est la cause de votre erreur.

    le 07/06/2018 à 04h44

  • wailmacq

    wailmacq

    il me valide l'exercice alors que j'ai clairement des erreurs

    le 27/09/2017 à 11h45

  • mram

    mram Administrateur

    Bonjour, oui en effet il y a des / en trop.

    le 29/09/2017 à 02h35

  • pconcession

    pconcession

    <!DOCTYPE html> <html> <head> <title>Y-a-t-il une taille minimale pour entrer dans la police ?</title> </head> <body> <p> <p style="font-size:10px"> Vous êtes vraiment petit !</p> <p> <p style="font-size:20px"> Vous avez une taille moyenne...</p> <p> <p style="font-size:40px"> Vous êtes très grand !</p> </body> </html>

    le 06/08/2017 à 17h23

  • mram

    mram Administrateur

    Bonjour, ouvrez deux fois la balise "p" à chaque fois, ce n'est pas nécessaire.

    le 09/08/2017 à 11h02

  • pconcession

    pconcession

    <!DOCTYPE html> <html> <head> <title>Y-a-t-il une taille minimale pour entrer dans la police ?</title> </head> <body> <p> <p style="font-size:10px"> Vous êtes vraiment petit !</p> <p> <p style="font-size:20px"> Vous avez une taille moyenne...</p> <p> <p style="font-size:40px"> Vous êtes très grand !</p> </body> </html> je n'y arrive pas dans ma fenêtre résultat le code fonctionne puisque il a changé la taille de tout le text mais quand je valide l'exercice il me dit que j'ai supprimé le paragraphe j'ai tout essayé je suis bloquée

    le 06/08/2017 à 17h26

  • mram

    mram Administrateur

    Vous ouvrez deux fois la balise "p". Vous avez donc un "<p" en trop en début de ligne.

    le 09/08/2017 à 11h03

  • pconcession

    pconcession

    <body> <p <p style="font-size:10px">Vous êtes vraiment petit ! </p> <p <p style="font-size:20px">Vous avez une taille moyenne... </p> <p <p style="font-size:40px">Vous êtes très grand ! </p> </body> ça marche avec la deuxième manière d'écrire le code dans astuces exo validé

    le 06/08/2017 à 17h35

  • annabelle.girollet

    annabelle.girollet

    Impossible de trouver mon erreur! Ca me met que mon premier paragraphe n'a pas d'attribut de style :/

    le 07/08/2017 à 14h59

  • mram

    mram Administrateur

    Bonjour, eh oui la syntaxe n'était pas bonne. je vois que vous avez corrigé entre temps. Normalement ça doit être bon.

    le 09/08/2017 à 11h11

  • farjallah.refka-37

    farjallah.refka-37

    Bonsoir, lorsque je soumets me dit que il faut mettre 3 <p> dans la balise body tant que ce le cas

    le 12/02/2019 à 23h52

  • meriam

    meriam Administrateur

    Supprimez la première balise p ouvrante (vous avez créé deux balises ouvrante p, juste supprimez la première).

    le 13/02/2019 à 12h33

  • julien.neri-98

    julien.neri-98

    bonjour ça me dis que j'ai supprimé les 3 paragraphes. Bug ?

    le 02/08/2018 à 13h46

  • mram

    mram Administrateur

    Bonjour, vous avez fait trois fois la même erreur : vous ouvrez deux fois chaque balise "p".

    le 05/08/2018 à 00h26

  • francelinloic

    francelinloic

    Voici mon code et le naigateur me dit que j'ai supprimé les trois paragraphes <!DOCTYPE html> <html> <head> <title>Y-a-t-il une taille minimale pour entrer dans la police ?</title> </head> <body> <p> <p style = "font-size:10px"> Vous êtes vraiment petit ! </p> <p> <p style = "font-size:20px"> Vous avez une taille moyenne... </p> <p> <p style = "font-size:40px"> Vous êtes très grand ! </p> </body> </html>

    le 11/09/2017 à 16h33

  • mram

    mram Administrateur

    Bonjour, attention vous mettez deux fois <p> sur chaque ligne ...

    le 12/09/2017 à 17h27

  • rollandfabien8

    rollandfabien8

    je ne comprend ou est mon erreur il me semble que c’est bon pourtant merci d’avance

    le 21/12/2017 à 22h15

  • mram

    mram Administrateur

    Bonjour, l'attribut HTML "size" n'existe pas et les caractères pour les guillemets de sont pas les bons.

    le 23/12/2017 à 17h15

  • bobbysix-52

    bobbysix-52

    bonjour ça me dis que j'ai supprimé les 3 paragraphes

    le 02/10/2018 à 12h30

  • farjallah.refka-37

    farjallah.refka-37

    Merci beaucoup, je trouver mon erreur.

    le 13/02/2019 à 13h19