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

  • gcloarec5166-39

    gcloarec5166-39

    <!DOCTYPE html> <html> <head> <title>Y-a-t-il une taille minimale pour entrer dans la police ?</title> </head> <body> <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 20/03/2020 à 09h55

  • philonetoo-85

    philonetoo-85

    Faire comme ça :"<p style = "font-size:40px"> Vous êtes très grand ! </p>"

    le 14/02/2020 à 19h05

  • 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

  • anthonygeorges2601-25

    anthonygeorges2601-25

    x

    le 05/05/2020 à 21h27

20 Commentaires

  • agnes.riguetti-68

    agnes.riguetti-68

    bonjour Admin je clique sur soumettre mon exercice mais ça ne marche pas. Je suis allée sur un autre navigateur mais ça ne marche pas non plus. J'ai rafraîchi la page plusieurs fois idem. Pourtant je ne vois pas d'erreur. Pourriez-vous m'éclairer s'il vous plaît? merci

    le 15/09/2020 à 15h57

  • meriam

    meriam Admin

    Bonjour, le problème est réglé.

    le 16/09/2020 à 10h26

  • nalyjonathan-32

    nalyjonathan-32

    <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>Erreur(s) : Vous devez avoir 3 balises <p> dans le <body>.

    le 02/06/2020 à 10h58

  • meriam

    meriam Admin

    Bonjour, vous avez ajouté une balise ouvrante p inutile.

    le 02/06/2020 à 12h59

  • sambamarega658-35

    sambamarega658-35

    Salut voici un exemple tres simple <p style="font-size:10px">Vous êtes vraiment petit !</p>

    le 26/04/2020 à 22h15

  • gcloarec5166-39

    gcloarec5166-39

    <!DOCTYPE html> <html> <head> <title>Y-a-t-il une taille minimale pour entrer dans la police ?</title> </head> <body> <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 20/03/2020 à 09h55

  • philonetoo-85

    philonetoo-85

    Faire comme ça :"<p style = "font-size:40px"> Vous êtes très grand ! </p>"

    le 14/02/2020 à 19h05

  • stephane.poteau-15

    stephane.poteau-15

    Bon tout est bien fait , mais le petit robot me dit "Pour la balise <p> n° 1 vous devez avoir la valeur font-size:10px (sans espaces). Merci de votre aides

    le 28/01/2020 à 11h13

  • meriam

    meriam Admin

    Bonjour, le 3ème paragraphe doit avoir comme valeur 40px et non pas 30px.

    le 29/01/2020 à 12h09

index.html
<!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> </body> </html>