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.
_
260 Commentaires
-
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 Admin
Dernier code...............OK
le 01/02/2023 à 15h46
-
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 erreurle 08/11/2022 à 09h55
-
Patricio M Admin
Lucie, sans espace après le STYLE et le =
le 08/11/2022 à 13h13
-
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 Admin
Mauvaise synthaxe je pense que tu as plein de X rouges à gauche.
le 02/11/2022 à 10h22
-
a.broudehoux-71
Où est l'erreur svp?le 28/10/2022 à 14h28
-
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
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 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
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 Admin
Ici, le code fonctionne très bien :)
le 25/10/2022 à 08h19
-
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 Alexandrele 03/10/2022 à 15h33
-
Patricio M Admin
Uhmm... bizarre, déconnectes et reconnectes toi à nouveau et tiens moi au courant
le 04/10/2022 à 09h33
-
maxime.colin29860-84
Bonjour, je ne vois pas l'erreur dans ma ligne de codele 29/06/2022 à 15h39
-
meriam Admin
Bonjour, je vois que avez dupliqué la balise ouvrante <p>
le 29/06/2022 à 15h49
-
meriam Admin
il faut une seule balise ouvrante pour chaque pargraphe.
le 29/06/2022 à 15h49
-
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 questionsle 27/06/2022 à 14h05
-
meriam Admin
C'est pareil pour tous les exercices ???
le 28/06/2022 à 10h17
-
meriam Admin
Avez vous essayé de changer le navigateur???
le 28/06/2022 à 10h18
-
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éele 20/06/2022 à 11h29
-
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
Bonjour,le 20/06/2022 à 11h28
-
meriam Admin
Bonjour, quel est votre problème exactement???
le 20/06/2022 à 12h09
-
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éponsele 15/06/2022 à 15h29
-
meriam Admin
Bonjour, cliquez sur le lien suivant:http://localhost:8080 pour voir le résultat;
le 16/06/2022 à 10h10
-
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 Admin
Bonjour, il faut fermer le chevron fermant de chaque balise ouvrante p.
le 07/06/2022 à 12h32
-
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
Bonjourle 07/06/2022 à 09h09
-
meriam Admin
Bonjour celine, comment je pourrai vous aider? merci de préciser votre problème.
le 07/06/2022 à 12h29
-
goodsemani-65
bonjour ca blokle 24/05/2022 à 20h06
-
meriam Admin
bonjour, pour le 2ème , il faut écrire font-size
le 25/05/2022 à 13h45
-
meriam Admin
il faut supprimer la balise p inutile;
le 25/05/2022 à 13h46
Commentaires les mieux notés