Comment utiliser les balises de couleur de police en HTML

La balise de police en HTML est maintenant obsolète et les développeurs professionnels doivent éviter de l'utiliser ^{[1]
X
Source de recherche}. Même s'il est très simple de changer la couleur de la police sur un projet personnel, il n'y a aucune garantie que cela continue de fonctionner au fur et à mesure des mises à jour des navigateurs web. Pour obtenir de meilleurs résultats, vous devriez utiliser la méthode avec le CSS.

Méthode 1

Méthode 1 sur 2:
Utiliser les balises HTML

1
Créez la balise de police. Mettez la balise devant le texte que vous voulez colorer. Fermez-la en mettant à la fin du texte.
- Par exemple :
 je veux que ce texte soit en bleu
2
Ajoutez l'attribut pour la couleur. Ajoutez color=" " à l'intérieur de la balise ouvrante. Vous devez ensuite mettre la couleur de votre choix entre les guillemets (en anglais).
- Par exemple :
 je veux que ce texte soit en bleu
3
Choisissez le nom de la couleur. C'est toujours un mot simple en anglais, sans espace. Essayez des noms simples comme « blue » (bleu), « red » (rouge) ou quelque chose de plus précis comme « lightblue » (bleu clair) ou « darkblue » (bleu foncé). Pour obtenir plus de choix, trouvez une liste de noms de couleurs acceptées comme « maroon » (marron), « steelblue » (bleu acier) et « lime » (vert citron vert ^{[2]
X
Source de recherche}).
- Par exemple :
 je veux que ce texte soit en bleu
4
Utilisez un code hexadécimal à la place. Le HTML vous permet de choisir parmi des millions de couleurs, mais il n'y a pas toujours de noms pour celles-ci. À la place, vous allez utiliser un code à six chiffres dans un système appelé l'hexadécimal. Il existe de nombreux sites Internet qui proposent des listes de codes hexadécimaux pour les couleurs ou vous pouvez même choisir directement la couleur sur votre écran pour en obtenir le code. Le chiffre commence par le symbole # suivi de six chiffres composés des chiffres du système décimal de 0 à 9 et des lettres d'A à F.
- Le code #FF0000 est la même chose que la couleur rouge notée « red ».
- Ce code génère une couleur verte.
- Ce code rend le texte en bleu.
5
Jouez avec les valeurs RGB. Il n'est pas nécessaire de savoir comment le code hexadécimal des couleurs fonctionne pour choisir une couleur qui vous plait sur une palette que vous trouvez sur Internet. Cependant, si vous voulez faire plusieurs expériences, vous devez commencer par les bases.
- Chaque nombre à six chiffres est divisé en valeurs pour le rouge, le vert et le bleu (ou « RGB » pour « red, green, blue »). Par exemple, le code #FF0000 signifie en fait « rouge : FF, vert : 00, bleu : 00 ».
- Pour changer la quantité de rouge, changez les deux premiers chiffres. Vous pouvez utiliser une valeur comprise entre 00 (pas de rouge du tout) et 99 (un peu de rouge) et entre AA (un peu plus de rouge) et FF (le maximum de rouge).
- Utilisez le même système pour changer la valeur du vert (les deux chiffres du milieu) et de bleu (les deux derniers chiffres).
6
Comprenez le code en profondeur. Pour obtenir une sélection plus précise de la couleur, vous devez comprendre deux autres concepts.
- Chacune de ces trois valeurs est faite d'un nombre à deux chiffres. Pour faire de petites retouches, vous pouvez modifier le deuxième chiffre. Par exemple : #850000 et #890000 sont très similaires, mais #A50000 est beaucoup plus clair.
- Les valeurs RGB se mélangent sur la base du système de synthèse additive des couleurs. Le rouge et le vert font du jaune, le bleu et le vert font du cyan et le rouge et le bleu font du magenta ^{[3]
  X
  Source de recherche}.
Publicité

Méthode 2

Méthode 2 sur 2:
Utiliser le CSS dans les balises

1
Insérez l'attribut « style » dans la balise. Cet attribut vous permet de mettre directement du CSS dans la balise HTML. C'est une façon simple de changer la couleur même si vous ne connaissez pas le CSS. Essayez de la mettre dans une des balises suivantes :
- la balise p entoure un paragraphe avec du texte
- <a style=" " href="https://www.wikihow.com">la balise a entoure un lien</a>
- utilisez la balise span pour changer la couleur d'une partie du texte sans en changer le format
2
Indiquez la couleur. Insérez color: suivi du nom de la couleur ou du code hexadécimal à l'intérieur des guillemets ^{[4]
X
Source de recherche}. Pour obtenir de plus amples informations à propos des noms des couleurs, consultez les exemples de la méthode précédente.
- Le texte est maintenant en rouge.
- Voici le code pour le vert olive foncé.
- Le CSS supporte les codes de couleurs raccourcis à trois chiffres. Le code 745 est l'abréviation de 774455.
3
Utilisez les classes du CSS. Si vous voulez appliquer le même style à toutes les photos ou tous les titres de chapitres, vous n'avez pas besoin de répéter le même code à chaque fois. À la place, vous pouvez définir une classe dans l'entête du document pour pouvoir vous y référer plus tard chaque fois que vous voudrez appliquer le même style ^{[5]
X
Source de recherche}. Voici un exemple pour montrer plusieurs utilisations de l'attribut « style ».
- Dans la section <head> de votre page HTML, copiez le code suivant :
 <style type="text/css">
 .fancy {
 font-family: Cursive;
 color: darkgreen;
 font-size:150%;
 }
 </style>
- Dans le corps du même document, utilisez l'attribut class="fancy" pour ajouter ce style à l'élément. Par exemple : ce paragraphe va apparaitre en vert foncé avec une police Cursive large.
- Sachez que vous n'êtes pas obligé d'appeler votre classe « fancy », vous pouvez lui donner le nom que vous voulez.
Publicité

Conseils

Essayez de rendre la page facile à lire. Les couleurs trop claires sont difficiles à lire sur un fond blanc et les couleurs foncées sont difficiles à lire sur un fond noir.
Les écrans anciens ont une limite de 65 000 couleurs et les écrans encore plus anciens sont limités à 256 couleurs. Cependant, plus de 99 % des utilisateurs d'Internet pourront voir les couleurs que vous voulez afficher ^{[6]
X
Source de recherche}.