La couleur est souvent une excellente façon d’apporter de la vie au sein d’un site internet professionnel. Mais lorsque l’on aborde la question de la mise en forme d’un texte, comment changer la couleur d’un texte sur son site ?
Changer la couleur d’un texte : gras, italique
Même s’il ne s’agit pas à proprement parler d’un changement de couleur, mettre un texte en gras ou en italique est la façon la plus courante d’en modifier l’aspect. Pour ce faire, en html, il suffit d’utiliser les balises suivants :
- <b> ou <strong>, pour passer un texte en gras
- <i> ou <em>, pour mettre un texte en italique
Sachez qu’en matière de référencement naturel, Google traite les balises <b> et <strong> exactement de la même façon. Il en va de même pour <i> et <em>.
Néanmoins, la fonction des balises HTML est d’ordre sémantique : elles ne sont théoriquement pas là pour une mise en forme, puisqu’il s’agit là du rôle des CSS (feuilles de style). Pour cette raison, si vous tenez à faire les choses le plus proprement possible (félicitations 😉 ), privilégiez les balises <strong> et <em>.
Changer la couleur des caractères d’un texte
Pour modifier la couleur de votre texte en HTML vous disposez de l’élément FONT.
Grâce à lui, vous pouvez changer la police utilisée par votre texte, sa taille, sa couleur…
Voici un exemple :
<FONT face=”Arial” size=”12″ color=”blue”>Ce texte est affiché en police Arial, de taille 12 et en couleur bleue</FONT>
Changer la couleur de fond d’un texte et la couleur des liens
Vous pouvez changer la couleur d’un texte mais aussi la couleur de fond de ce même texte (ou d’une autre partie) via l’utilisation de l’élément BODY.
Sachez que sur un site les liens présentent trois états différents, chacun devant, pour des raisons d’accessibilité, être associé à une couleur différente :
- lien non cliqué,
- lien en cours de cliquage
- lien déjà cliqué
Les attributs à utiliser sont le suivants :
- text : modifier la couleur du texte
- bgcolor : modifier la couleur de l’arrière-plan (fond)
- link : modifier la couleur des liens non cliqués
- alink : modifier la couleur des liens en cours de cliquage
- vlink : modifier la couleur des liens cliqués
Voici ce que cela peut donner en langage HTML :
<BODY text=”black” bgcolor=”white” link=”blue” alink=”purple” vlink=”red”>
Voilà, vous avez toutes les cartes en main pour changer l’apparence d’un texte et plus particulièrement sa couleur. Comme toujours, n’hésitez pas à nous solliciter si vous rencontrez la moindre difficulté… Ou si vous avez besoin d’un avis sur la couleur à utiliser ! 😉
Laisser un commentaire
Vous devez être connecté pour publier un commentaire.