SELFHTML/Aides à la navigation HTML/XHTML Éléments pour structurer le texte |
Éléments plus anciens pour le formatage de l'écriture | |
Genre de police, taille de police et couleur de police |
|
Les éléments HTML décrits ici sont classées en cours d'abandon ce qui veut dire qu'ils doivent à l'avenir disparaître du standard HTML. Étant donné qu'il s'agit pour ces éléments de la pire "pollution" de HTML en tant que pur langage structuré qui eut lieu jusqu'alors, il y a de véritables polémiques écrites et de campagnes d'agitation contre la poursuite de l'utilisation de ces éléments sur le Web. Ces éléments représentaient une solution de secours à cette époque où HTML ne disposait pas encore de l'assistance d'un langage de formatage comme les CSS.
Eu égard à la compatibilité en amont avec Netscape 3.x, l'utilisation des éléments décrits ici ne peut pas encore être fondamentalement bannie. Mais avant de renoncer aux mentions de style, renoncez plutôt entre- temps aux éléments décrits ici et employez les correspondances CSS.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Texte du titre</title> </head> <body> <p> <font size="7">texte assez énorme</font><br> <font size="1">texte assez minuscule</font><br> <font size="+1">texte un peu plus grand que la normale</font><br> <font size="-2">texte beaucoup plus petit que la normale</font> </p> <p> <font color="#FF0000">texte rouge vif</font><br> <font color="#00C000">texte vert</font><br> <font color="#0000FF">texte bleu</font> </p> <p> <font face="Avalon,Wide Latin">c'est du texte dans la police Avalon, ou, au cas où Avalon ne peut être représentée, en Wide Latin</font> </p> <basefont size="2" color="#CC00CC" face="Verdana"> <h2>Advienne que pourra</h2> <p> tout plus petit que la normale de couleur lilas et dans la police Verdana </p> </body> </html> |
<font>...</font>
fixe un passage pour le formatage de l'écriture. L'élément ne peut contenir que des éléments incorporés, aucun élément de bloc. Quand donc par exemple vous voulez marquer des paragraphes avec ce repère, vous devez placer l'élément font
à chaque fois dans <p>...</p>
. Les navigateurs ne protesteront certes pas si vous l'utilisez de façon plus désordonnée, mais ce n'est alors plus conforme à HTML.
Par des attributs dans le repère d'ouverture <font>
, vous pouvez formater l'écriture.
size=
détermine la taille de la police (font size = taille de la police). Vous pouvez donner la valeur absolue en chiffres entre
1
et 7
, ou bien relative par rapport à la taille de police normale avec +chiffre
ou -chiffre
. La taille normale de police est 3
. Avec </font>
vous terminez le passage doté d'une autre taille de police. Pour les mentions relatives à <font size=...>
il s'agit de
valeurs relatives. Si l'utilisateur a réglé une police de 12 points, <font size=5>
aura un effet différent que si l'utilisateur travaille avec une police de 9 points. La taille de police que vous pouvez fixer avec <font size=...>
est relative à la taille de la police du type de paragraphe.
<font color=...>
fixe la couleur de police (font color = couleur de police). Est permise ici une mention de couleur.
<font face=...>
détermine la police (font face = genre de police). Comme valeur vous pouvez noter le nom d'une ou de plusieurs polices. Si vous indiquez plusieurs polices, séparez les noms de polices par des virgules. Pour la mention de plusieurs polices, le navigateur WWW essaie d'abord de représenter le texte dans la première police mentionnée (dans l'exemple avec Avalon
). Si cette police n'est pas installée chez l'utilisateur, il essaie de prendre la deuxième police mentionnée (dans l'exemple avec Wide Latin
). Si aucune des polices mentionnée ne peut être représentée chez l'utilisateur, La mention n'a aucun effet à savoir le texte est représenté dans la police réglée par l'utilisateur. Utilisez les noms de police exacts. Sous MS-Windows vous pouvez connaître les polices installées et leur nom exact par le panneau de configuration par exemple.
Le deuxième élément pour le formatage de la police est le repère basefont
. c'est un repère autonome qui fait en sorte que les formatages qui y sont définis s'appliquent à tous les autres éléments du fichier, tant qu'un nouvel élément basefont
n'est pas noté ou jusqu'à la fin du document. Les attributs et valeurs sont les mêmes que pour le repère font
.
L'élément font
est de la version HTML 3.2, basefont
par contre de la version HTML 4.0
Dans le repère d'ouverture <font>
vous pouvez comme dans le repère <basefont>
mentionner plusieurs attributs, à savoir mélanger size=
, color=
et face=
.
Netscape 4.x n'interprète pas <basefont color=>
ni <basefont face=>
.
Quand vous travaillez conformément à XHTML, vous devez indiquer le repère basefont
comme étant vide. Pour ce faire, notez le repère autonome sous la forme <basefont size="2" />
.
De plus amples informations è ce sujet dans le chapitre XHTML et HTML.
Avec les feuilles de style CSS vous pouvez cependant formater les éléments en bloc et les éléments incorporés comme vous le désirez. Pour employer des feuilles de style CSS, il vous faut d'abord savoir comment définir des formats CSS. Ensuite, vous serez en mesure d'appliquer les propriétés CSS. En relation avec ce qui vient d'être décrit les données de feuilles de style suivantes sont aussi intéressantes: concernant le formatage de la police.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Genre de police, taille de police et couleur de police - Correspondances dans les CSS</title> </head> <body> <p> <span style="font-size:250%">texte assez énorme</span><br> <span style="font-size:50%">texte assez minuscule</span><br> <span style="font-size:1.2em">texte un peu plus grand que la normale</span><br> <span style="font-size:0.8em">texte beaucoup plus petit que la normale</span> </p> <p> <span style="color:#FF0000">texte rouge vif</span><br> <span style="color:#00C000">texte vert</span><br> <span style="color:#0000FF">texte bleu</span> </p> <p> <span style="font-family:Avalon,Wide Latin">ce texte est dans la police Avalon ou si Avalon ne peut être représentée, dans la police Wide Latin</span> </p> <div style="font-size:70%; color:#CC00CC; font-family:Verdana"> <h2>Advienne que pourra</h2> <p> tout est plus petit que la normale de couleur lilas et dans la police Verdana </p> </div> </body> </html> |
L'exemple a un affichage à peu près identique à celui de l'exemple plus haut, sans toutefois les éléments font
et basefont
. Pour les formatages de police CSS à l'intérieur de paragraphes de texte on met en œuvre l' élément incorporé commun span
. À la place du repère autonome <basefont>
le reste de la partie est inclus dans un élément de bloc commun div
qui se voit affecter les formatages CSS.
Dans le sommaire de référence HTML vous trouverez des données précisant où les éléments décrits ici peuvent être mis, quels autres éléments ils peuvent contenir, quels attributs ils peuvent avoir et ce à quoi il faut veiller pour ces différents attributs:
référence pour les éléments pour l'élément font
référence pour les attributs pour l'élément font
référence pour les éléments pour l'élément basefont
référence pour les attributs pour l'élément basefont
Éléments plus anciens spécifiques au navigateur | |
Lignes de séparation | |
SELFHTML/Aides à la navigation HTML/XHTML Éléments pour structurer le texte |
© 2001 Stefan Münz / © 2003 Traduction Serge François, 13405@free.fr
selfhtml@fr.selfhtml.org