Accueil | Compétences maîtrisées | Cours Html | Demo 7
Pour changer
la couleur d'un texte, on se servira de la balise font
avec l'attribut color
Par exemple pour écrire en bleu le mot azur, vous devez l'encadrer de la manière suivante :
<font color="#0000FF"> azur </font>
Bien entendu, il est tout à fait possible d'alterner plusieurs couleurs de texte au sein de la même ligne :
Il suffit de regarder, le menu de navigation en haut et en bas des pages de ce site pour s'en convaincre.
Le
HTML permet aussi de s'amuser avec la taille du texte :
le principe est plus ou moins le même à savoir la balise font avec l'attribut size
<font size="1"> 7 tailles de police de 1 à 7 </font>
Démonstration par ordre croissant:
Mais que fait la police ?
Mais que fait la police ?
Mais que fait la police ?
Mais que fait la police ?
Mais que fait la police ?
Mais que fait la police ?
Mais que fait la police ?
Ce qui est relativement
courant est de définir une police de caractères particulière
au lieu de se contenter de celle disponible par défaut dans le
navigateur de l'internaute.
Cette pratique est courante sur les sites de presse en ligne afin de reproduire la typographie des lettres imprimées.
Il faut cependant savoir que si la ou les polices choisies ne sont pas présentes sur la machine de l'internaute, il sera appliqué à nouveau la police de caractère par défaut.
Il est donc fortement conseillé d'éviter les polices trop exotiques.
Si on tient néanmoins à afficher un texte avec une police particulière, il faudra convertir celui-ci en image ce qui peut poser des problèmes de poids de page si le texte est très long et l'image peu optimisée.
<font face="Arial"> pour écrire en Arial </font>
<font face="Verdana"> pour écrire en Verdana </font>
<font face="Courier New"> pour écrire en Courier New </font>
Ce qui est relativement courant également est
de proposer une succession de polices afin de permettre
si la police choisie en premier n'est pas disponible, d'ecrire avec la deuxième
et si celle-ci n'est pas non plus présente sur la machine de l'internaute
d'utiliser la troisième.
Si comble de malchance, aucune ne se trouve parmi les polices présentes ur la machine de l'internaute, c'est de nouveau la règle de la police par défaut qui s'applique.
<font face="Georgia, Times New Roman, Times,
serif">
en
Georgia ou Times New Roman ou Serif
</font>
Pour appliquer
une couleur de fond à une page web, on a recours à la balise
body
dans laquelle on précise la couleur choisie sous la forme #FF6633
La codification de la couleur s'étend de 00 à FF pour les 3 couples RVB (Rouge Vert Bleu).
<body bgcolor="#99CCFF"> </body>
1er couple 99 2è couple CC 3è couple FF
On insère cette balise après <head> </head> .
Par exemple #000000 signifie noir
#333333 représente un gris
#FFFFFF est la codification de la couleur blanc
Cette codification RVB vaut autant pour la couleur de fond d'une page web que pour celle du texte.
Accueil | Compétences maîtrisées | Cours Html | Demo 7 | Haut de page
© Wardenski.com 2002-2003