4- Mise en forme : Deuxieme partie
Mise en forme : police et taille
Nous allons maintenant faire varier la taille et la police de caractère du texte.
<HTML>
<HEAD>
<TITLE>Taille et police du textes</TITLE>
</HEAD>
<BODY>
<FONT size=7>Taille 7</FONT> <BR>
<FONT size=6>Taille 6</FONT> <BR>
<FONT size=5>Taille 5</FONT> <BR>
<FONT size=4>Taille 4</FONT> <BR>
<FONT size=3>Taille 3 (par défaut)</FONT> <BR>
<FONT size=2>Taille 2</FONT> <BR>
<FONT size=1>Taille 1</FONT> <BR><BR>
<FONT size="+4">Taille +4</FONT> <BR>
<FONT size="+3">Taille +3</FONT> <BR>
<FONT size="+2">Taille +2</FONT> <BR>
<FONT size="+1">Taille +1</FONT> <BR>
Taille par défaut ( => 3 ) <BR>
<FONT size="-1">Taille -1</FONT> <BR>
<FONT size="-2">Taille -2</FONT> <BR>
<FONT size=4 face="Verdana">Taille 4 en Verdana</FONT> <BR>
<FONT size=2 face="Comic sans MS">Taille 3 en Comic sans MS</FONT> <BR>
<FONT face="Arial, Times New Roman" color="#336699">Taille normal en Arial si la police existe sinon en Times New Roman en couleur #336699</FONT> <BR>
</BODY>
</HTML> Ce qui donnera une page dont le contenu sera comme ceci :
Taille 7
Taille 6
Taille 5
Taille 4
Taille 3 (par défaut)
Taille 2
Taille 1
Taille +4
Taille +3
Taille +2
Taille +1
Taille par défaut ( => 3 )
Taille -1
Taille -2
Taille 4 en Verdana
Taille 2 en Comic sans MS
Taille normal en Arial si il existe sinon en Times New Roman en couleur #336699
Vous avez pouvez maintenant enregistrer votre page sous le même nom (ou un autre) et visualiser le résultat dans votre navigateur.
Explications des nouveaux attributs utilisés :
- l'attribut "size" : "size" (==> taille) permet de modifier la taille du texte compris entre <font> et </font>.
Vous avez le choix entre donner un nombre entre 1 et 7 (par défaut => 3) ou bien donner une valeur de "décalage" par rapport à la taille par défaut du navigateur ("-2", "-1", "+1", "+2", "+3", "+4").
- l'attribut "face" : "face" (==> apparence) permet de choisir la police dans laquelle le texte sera affiché.
Vous pouvez préciser plusieurs noms de police séparés par des ','. Si la navigateur ne reconnaît pas le premier nom, il essayera avec le suivant...Si il ne reconnaît aucun nom, il utilisera la police par défaut du navigateur utilisé.
Petites remarques :
- Vous pouvez tout à fait cumuler les attributs dans une balise (séparés par un espace) ! Dans le code ci-dessous nous combinons 3 attributs :
<FONT color="#ff0000" size=4 face="Verdana">Taille 4 en rouge en Verdana</FONT>
- Inutile d'utiliser des polices très spéciales car si les visiteurs ne l'ont pas sur leur ordi, le navigateur ne la reconnaîtra pas et donc ne l'utilisera pas.
Inscrivez-vous au blog
Soyez prévenu par email des prochaines mises à jour
Rejoignez les 8 autres membres