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

260 Commentaires

  • bencho14200-15

    bencho14200-15

    bonjour je ne comprend pas d'ou viens mon erreur "Vous devez avoir 3 balises <p> dans le <body>. " voilà le message que j'obtiens quand j'essaie de valider.

    le 27/01/2023 à 11h05

  • Patricio M

    Patricio M Admin

    Dernier code...............OK

    le 01/02/2023 à 15h46

  • lucie-fiorrito

    lucie-fiorrito

    j'ai ce message d'erreur : "Pour la balise <p> n° 1 vous devez avoir la valeur font-size:10px (sans espaces)." mais je ne comprend pas où est mon erreur

    le 08/11/2022 à 09h55

  • Patricio M

    Patricio M Admin

    Lucie, sans espace après le STYLE et le =

    le 08/11/2022 à 13h13

  • a.broudehoux-71

    a.broudehoux-71

    Qu'est-ce qui ne va pas dans mon code ?? <p>Vous êtes vraiment petit !<p style:"font-size:10px"></p>

    le 29/10/2022 à 08h09

  • Patricio M

    Patricio M Admin

    Mauvaise synthaxe je pense que tu as plein de X rouges à gauche.

    le 02/11/2022 à 10h22

  • a.broudehoux-71

    a.broudehoux-71

    Où est l'erreur svp?

    le 28/10/2022 à 14h28

  • Patricio M

    Patricio M Admin

    les propietés de style vont plutôt au début de la ligne <p style ..... >

    le 28/10/2022 à 14h53

  • sofia_fuertes-37

    sofia_fuertes-37

    Bonjour, j'ai le meme probléme que les autres, rle résultat ne s'affiche plus dans l'écran du bas, et ce pour toutes les questions. J'ai essaie de le faire en autre navigateur mais c'est la même chose. Merci d'avance.

    le 27/10/2022 à 15h37

  • Patricio M

    Patricio M Admin

    Bonjour Sofía, oui, des fois le localhost ne fonctionne pas... Nous allons le réparer au plus vite, patience

    le 28/10/2022 à 07h32

  • sandyyousfival-72

    sandyyousfival-72

    Pour la balise <p> n° 1 vous devez avoir la valeur font-size:10px (sans espaces). plutôt celui là

    le 24/10/2022 à 15h12

  • Patricio M

    Patricio M Admin

    Ici, le code fonctionne très bien :)

    le 25/10/2022 à 08h19

  • Mickaël-M

    Mickaël-M

    Bonjour, j'ai exactement le même souci, rien ne s'affiche, quelque soit l'exercice, quelque soit le navigateur sur lequel je le fais, etc, tout comme Alexandre

    le 03/10/2022 à 15h33

  • Patricio M

    Patricio M Admin

    Uhmm... bizarre, déconnectes et reconnectes toi à nouveau et tiens moi au courant

    le 04/10/2022 à 09h33

  • maxime.colin29860-84

    maxime.colin29860-84

    Bonjour, je ne vois pas l'erreur dans ma ligne de code

    le 29/06/2022 à 15h39

  • meriam

    meriam Admin

    Bonjour, je vois que avez dupliqué la balise ouvrante <p>

    le 29/06/2022 à 15h49

  • meriam

    meriam Admin

    il faut une seule balise ouvrante pour chaque pargraphe.

    le 29/06/2022 à 15h49

  • alexandre_kitsch-1

    alexandre_kitsch-1

    non rien ne s'affiche, et c'est pour toutes les questions pareil, cependant quand le code est ob, je clique sur soumettre et cela me dit félicitations et donc je passe à la question qui suit. Seulement pour voir le résultat, je dois copier/coller sur visual studio code. Et c'est idem pour toutes les questions

    le 27/06/2022 à 14h05

  • meriam

    meriam Admin

    C'est pareil pour tous les exercices ???

    le 28/06/2022 à 10h17

  • meriam

    meriam Admin

    Avez vous essayé de changer le navigateur???

    le 28/06/2022 à 10h18

  • alexandre_kitsch-1

    alexandre_kitsch-1

    bonjour, même en cliquant sur le lien, cela ne fonctionne pas, les modifications n'aparaissent pas une fois la question traitée

    le 20/06/2022 à 11h29

  • meriam

    meriam Admin

    Bonjour, rien n'est affiché en cliquant sur le lien ??, vous n'avez pas vu le changement de taille??

    le 20/06/2022 à 12h12

  • alexandre_kitsch-1

    alexandre_kitsch-1

    Bonjour,

    le 20/06/2022 à 11h28

  • meriam

    meriam Admin

    Bonjour, quel est votre problème exactement???

    le 20/06/2022 à 12h09

  • alexandre_kitsch-1

    alexandre_kitsch-1

    Bonjour, j'ai réalisé l'exercice avec succès, mais le résultat ne s'affiche plus dans l'écran du bas, et ce pour toutes les questions, je suis obligé de copier-coller mon code pour voir le résultat sur visual studio. Cependant, "Félicitations s'affiche quand le code est bon. Merci pour votre réponse

    le 15/06/2022 à 15h29

  • meriam

    meriam Admin

    Bonjour, cliquez sur le lien suivant:http://localhost:8080 pour voir le résultat;

    le 16/06/2022 à 10h10

  • celine.corbiin-50

    celine.corbiin-50

    Bonjour voila mon code <p style="font-style:10px">Vous êtes vraiment petit !</p> on me dit qu'il y a une erreur il n'y dtoi pas y avoir d'espace, je ne comprends pas ...

    le 07/06/2022 à 09h10

  • meriam

    meriam Admin

    Bonjour, il faut fermer le chevron fermant de chaque balise ouvrante p.

    le 07/06/2022 à 12h32

  • meriam

    meriam Admin

    La syntaxe générale d'une balise html ==> <balise ouvrante>Contenu</balise fermante>, votre code comporte deux parties uniquement pour chaque élément.

    le 07/06/2022 à 13h19

  • celine.corbiin-50

    celine.corbiin-50

    Bonjour

    le 07/06/2022 à 09h09

  • meriam

    meriam Admin

    Bonjour celine, comment je pourrai vous aider? merci de préciser votre problème.

    le 07/06/2022 à 12h29

  • goodsemani-65

    goodsemani-65

    bonjour ca blok

    le 24/05/2022 à 20h06

  • meriam

    meriam Admin

    bonjour, pour le 2ème , il faut écrire font-size

    le 25/05/2022 à 13h45

  • meriam

    meriam Admin

    il faut supprimer la balise p inutile;

    le 25/05/2022 à 13h46

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>