Contenu

• Pas
• Conseil
• avertissement

Cet article vous montrera comment changer la couleur de la police sur les documents HTML. Bien que les balises de police soient obsolètes en HTML, vous pouvez utiliser CSS pour ajouter de la couleur au texte d'une page HTML. Si vous utilisez une ancienne version de HTML, vous pouvez utiliser la balise de police HTML si nécessaire.

Pas

Méthode 1 sur 2: utiliser des balises HTML

1. 

   Créez des balises de police. Jeu de cartes devant le texte dont vous souhaitez changer la couleur. Placer la carte de fermeture derrière le texte.
   • Tel que:
     Ce texte sera bleu.

2. 

   
   
   Ajoutez des attributs de couleur. Insérer couleur = "" dans l'onglet d'ouverture de police. La couleur souhaitée sera entre guillemets.
   • Par exemple:
     couleur = ""Ce texte sera bleu.

3. 

   
   
   Choisissez un nom de couleur. Le nom de la couleur est toujours un mot sans espaces. Essayez quelque chose de simple comme "bleu" (bleu), "rouge" (rouge) ou un nom descriptif comme "bleu clair" ou "bleu foncé" (bleu foncé). Pour plus d'options, recherchez la liste des mots-clés de couleur reconnus, qui comprend "marron" (marron foncé), "bleu acier" (gris vert) et "lime" (jaune clair).
   • Tel que:
     Ce texte sera bleu.

4. 

   
   
   Utilisez des codes de couleur hexadécimaux. HTML vous permet de choisir parmi des millions de couleurs, mais toutes les couleurs n'ont pas de nom. Au lieu de cela, ils utilisent un code à six caractères écrit en hexadécimal. Sur le Web, de nombreux sites Web répertorient les codes de couleur hexadécimaux ou vous permettent de choisir une couleur à l'écran et d'afficher la valeur hexadécimale. Ce code commence par un signe # et comporte six caractères, dont les chiffres 0-9 ou une lettre A-F.
   • Le code # FF0000 représente la couleur rouge.
   • Ce code produit du texte vert.
   • Ce code produit du texte bleu.

5. 

   Expérimentez avec les valeurs RVB. Vous n'avez pas besoin de savoir comment fonctionne le codage couleur hexadécimal pour pouvoir utiliser un sélecteur de couleurs en ligne. Cependant, si vous voulez l'expérience, vous pouvez commencer par les bases:
   • Chaque code à six caractères est divisé en valeurs rouge, vert (vert) et bleu ("RVB"). Par exemple, le code # FF0000 signifie "rouge: FF vert: 00 bleu: 00".
   • Pour changer la quantité de rouge, changez les deux premiers caractères. Vous pouvez utiliser n'importe quelle valeur de 00 (sans rouge) à 99 (légèrement rouge) ou les lettres AA (rougeâtre) jusqu'à FF (quantité maximale de rouge).
   • Utilisez le même système pour changer la valeur en vert (les deux chiffres du milieu) ou en bleu (les deux derniers chiffres).

6. 

   Obtenez une compréhension plus approfondie des codes de couleur hexadécimaux. Pour choisir la bonne couleur, vous devez connaître les deux concepts suivants:
   • Toutes les trois valeurs de couleur sont de deux chiffres. Si vous souhaitez effectuer moins d'ajustements, changez simplement le deuxième chiffre. Par exemple, # 850000 et # 890000 sont assez similaires, et # A50000 sera un peu plus clair.
   • Les valeurs RVB combinées sont égales au système de couleurs plus. Le rouge et le vert produiront du jaune; bleu et vert forme cyan; Le rouge et le bleu produiront une couleur bordeaux.
   publicité

Méthode 2 sur 2: utiliser un élément CSS en ligne

1. 

   Insérez l'attribut de style dans la balise HTML. Propriétés style = "" vous permet d'utiliser CSS dans les documents HML. Voici un moyen simple de définir la couleur de la police même si vous ne connaissez pas CSS. Essayez de définir l'attribut de style sur l'une des balises HTML:

   • La balise p est utilisée pour identifier un morceau de texte.

   • La balise a est utilisée pour créer un lien.
   • Utilisez des balises span pour colorer une partie d'un paragraphe sans modifier la mise en forme.

2. 

   Désignation de la couleur. Insérer Couleur: avec le nom de la couleur ou le code hexadécimal entre les guillemets. Pour plus de détails sur les noms et les codes de couleur, consultez la méthode ci-dessus ou essayez les exemples suivants:
   • Ce code constitue du texte rouge.
   • Ce code produit une couleur vert olive foncé.
   • CSS prend en charge le raccourcissement à 3 chiffres. Le code couleur 745 correspond à 774455.

3. 

   Utilisez des classes CSS avec des polices de caractères que vous utilisez souvent. Si vous souhaitez styliser chaque légende d'image ou titre pour un élément de contenu sur une grande page Web, vous n'avez pas besoin de taper le code entier encore et encore. Au lieu de cela, définissez une classe CSS au début du texte, afin que vous puissiez appeler la classe avec un seul raccourci chaque fois que vous souhaitez utiliser ce style. Voici un exemple montrant quelques nouvelles utilisations de l'attribut style:
   • Dans la section du document HTML, collez le code suivant:
     
   • Ensuite, dans le corps du texte, utilisez l'attribut pour ajouter ce style en tant qu'élément. Tel que,

     ce paragraphe

     vert foncé, grande police cursive.
   • Notez que vous pouvez utiliser n'importe quel mot au lieu de «fantaisie» pour décrire une police.
   publicité

Conseil

• Vous devriez essayer de rendre votre page facile à lire. Les couleurs de texte claires seront difficiles à lire sur le blanc et les couleurs de texte sombres seront difficiles à lire sur le noir.
• Les ordinateurs plus anciens affichent une limite de 65 000 couleurs, tandis que les ordinateurs plus anciens affichent une limite de 256 couleurs. Cependant, plus de 99% des internautes pourront voir la couleur que vous spécifiez.

avertissement

• L'élément font n'est pas pris en charge par la norme XHTML 1.0 Strict DTD.