Maintenant que l'on sait comment enrichir un peu le texte, on va pouvoir jouer avec les polices, c'est-à-dire tripoter non seulement le visuel de la chose écrite (en changeant le nom de la police utilisée), mais aussi sa taille et sa couleur. Par défaut, les navigateurs utilisent la police "Times", de couleur noire, maigre (c'est-à-dire le contraire de gras) et de taille 3 (équivalant 10 points), police qui fut celle que vous avez pu admirer dans l'exemple (encore célèbre dans votre mémoire) de la page-01.htm.
 
Mais avant d'aller plus loin, on va étudier ensemble la typographie...
 
1° Les polices se classent en deux catégories :
- les polices de type "serif" comme le Times;
- et celles du type "sans-serif" comme l'Arial.
 
2° Ne perdez jamais de vue que si vous avez réalisé une page typographiquement superbe, vous serez peut-être le seul au monde à pouvoir la visualiser comme vous l'avez conçue, parce que ceux qui regardent votre page, n'ont peut-être pas votre police dans leur ordinateur. Et puis, si vous avez un PC, votre visiteur a peut-être un MAC. Ou l'inverse.
 
3° Par ailleurs, et ça c'est sans doute pour que ce soit plus drôle, les noms des polices PC ne sont pas les mêmes que les noms des polices MAC... C'est la raison pour laquelle, lorsque vous choisirez une police, il faudra toujours prendre soin de lui prévoir une police de substitution. Nous verrons comment faire.
 
La balise servant à déterminer une police est <FONT>. Cette balise s'affine en 3 sous-balises :

<FONT face="nom(s), type"  nom de police, nom(s) de police(s) de substitution, type de police
      size="taille"        valeur de 1 à 7. La valeur par défaut est 3
      color="couleur">     valeur (par exemple #FF0000) ou nom (par exemple red)

Pour définir de l'Arial de taille 4 et de couleur bleu navy, nous codifierons la phrase 'Voici mon exemple !' (avec les mots 'mon exemple' en gras et 'mon' en souligné) comme ci-après. Vous aviez pensé à la balise de fermeture </FONT> ? Attention, c'est important !

<FONT face="Arial, Helvetica, sans-serif" size="4" color="navy">
Voici <B><U>mon</U> exemple</B> !</FONT>

Exemple : page-09.htm
 
Vous aurez noté la syntaxe de l'élément face= qui contient :
- Arial qui est une police système pour PC (donc, tous les détenteurs de PC possèdent cette police),
- Helvetica qui est une police de substitution pour le PC mais aussi, et surtout, une police système pour le MAC (et ça tombe bien pour les utilisateurs de MAC qui n'ont pas d'Arial),
- sans-serif qui définit le type de famille des deux polices citées.
 
Et pourquoi 'Arial' et 'Helvetica' et pas 'Geneva' ou 'Verdana' ? Tout simplement parce que 'Arial' et 'Helvetica' se ressemblent ! Vous auriez aussi bien pu choisir 'Verdana' qui est la police que j'utilise. Si vous ne l'avez pas, vous visualisez sans doute cette page en 'Arial' que j'ai choisie comme police de substitution pour le PC ou en 'Helvetica' si vous n'avez ni la première ni la seconde et que vous êtes sur MAC. De toute façon, vous visualisez cette page en 'sans-serif' !
 
Cela vous paraît compliqué ? Ne vous inquiétez pas... Nous verrons dans un chapitre ultérieur comment simplifier tout cela en étudiant les styles. En attendant, prenez connaissance des quelques équivalences suivantes :

Une petite chose, avant de fermer ce chapitre sur les polices :encore une fois, vous n'êtes pas obligé d'utiliser toutes les sous-balises d'une balise ! D'ailleurs, vous n'êtes jamais obligé de faire quoi que ce soit (hormis la syntaxe à toujours respecter).
 
N'utilisez que ce dont vous avez besoin. Par exemple si dans une phrase quelconque, vous voulez mettre un mot en rouge, n'utilisez que les éléments <FONT color="#FF0000">mot</FONT>.
 
L'exemple précédent, avec le mot 'mon' en rouge, deviendra (et attention à l'imbrication des balises !) :

<FONT face="Arial, Helvetica, sans-serif" size="4" color="navy">
Voici <B><U><FONT color="red">mon</FONT></U> exemple</B> !</FONT> 

Exemple : page-10.htm