Couleur de la police HTML. Comment changer la couleur de la police en HTML à l'aide du navigateur Web Google Chrome
Dans ce tutoriel, nous examinerons le dernier attribut de balise , qui définit la couleur du texte. Par défaut, le texte est noir et s'affiche sur fond blanc. Pour changer la couleur du texte en HTML, vous devez appliquer l'attribut color de la balise :
Pour définir une couleur, précisez simplement son nom, par exemple : rouge, vert, bleu. Regardons un petit exemple :
Texte vert
Texte rouge
Texte violet
Voyons le résultat dans le navigateur :
Le texte du premier paragraphe est devenu vert, le deuxième paragraphe est devenu rouge et le troisième paragraphe est devenu violet. Au total, il existe 16 noms de couleurs primaires et 130 supplémentaires. Vous pouvez voir la liste complète des couleurs dans la table des couleurs HTML.
Cette manière d’indiquer la couleur est très simple, mais très limitée. Par conséquent, afin de changer la couleur dans le code HTML, ils utilisent souvent un nombre hexadécimal précédé d'un signe dièse (#), par exemple :
En utilisant cette désignation, vous pouvez obtenir plus de 16 millions de couleurs et leurs nuances ! Vous pouvez obtenir le code couleur en utilisant le code couleur disponible sur le site ou en utilisant la palette de couleurs de Photoshop. Regardons un exemple et écrivons le code suivant :
Texte vert
Texte rouge
Texte violet
Sauvons le fichier et regardons le résultat :
Comme vous pouvez le voir, nous avons donné au texte les mêmes couleurs que dans le premier exemple, mais ici nous avons utilisé le système de nombres hexadécimaux, ou en d'autres termes, nous avons défini la couleur au format HEX.
Vous avez maintenant appris à changer la couleur du texte en HTML et à la fin de la leçon, je suggère de répéter tous les attributs des balises. , et définissez plusieurs paramètres sur le texte à la fois, à savoir : la police, la taille et la couleur. Écrivez un exemple :
Définir la police, la taille et la couleur du texte
Définir la police, la taille et la couleur du texte
Pour changer la police, utilisez une balise avec l'attribut FACE. Vous pouvez spécifier la police par son nom (Arial, Tahoma, Verdana) ou par son type (par exemple, monospace). Il est conseillé de lister plusieurs noms de polices pour éviter une situation où il s'avère que l'utilisateur n'a pas installé la police requise. Je recommande d'utiliser au moins une des polices généralement acceptées (par exemple Arial). Je ne recommande pas d'utiliser plus de 2 à 3 polices différentes sur une seule page, sinon la page semblera maladroite et peu professionnelle.
Exemple:
Changer la taille de la police d'une page HTML
Pour modifier la taille de la police, utilisez l'attribut SIZE. Plus la police est grande, plus le texte est facile à lire. Cependant, une petite police vous permet d’insérer plus d’informations sur l’écran. Utiliser cet attribut avec une balise
Vous pouvez changer la police à l'aide de balises Et . agrandit la police du fragment spécifié par rapport au texte précédent, et , en conséquence, diminue.
En modifiant la taille des lettres individuelles, vous pouvez obtenir des effets intéressants. Par exemple, de cette façon, vous pouvez obtenir une lettrine - une grande lettre majuscule au début d'un paragraphe.
Exemple:
Sélectionner la couleur de la police d'une page HTML
L'affichage de parties du texte d'une page Web dans des polices de couleurs différentes la rend plus attrayante.
Utiliser l'attribut TEXT dans le contexte d'une balise
, vous pouvez modifier la couleur entière du texte d’une page Web. Application de l'attribut COLOR avec une balise (a une priorité plus élevée) vous permet d’interagir avec l’apparence d’un seul morceau de texte.Pour changer la couleur du texte, vous devez connaître le nom de la couleur ou son code hexadécimal. Le code se compose du symbole dièse # et d'un nombre représentant l'intensité des composantes rouge, verte et bleue de la couleur. Seules 16 couleurs standards peuvent être désignées par leur nom.
Nom des couleurs Code aqua ##00FFFF noir ##000000 bleu ##0000FF fuchsia ##FF00FF gris ##808080 vert ##008000 lime ##00FF00 marron ##800000 marine ##000080 olive ##808000 violet ##800080 rouge # #FF0000 argent ##C0C0C0 sarcelle ##008080 blanc ##FFFFFF jaune ##FFFF00
Lors de la création d’une page Web, vous devez faire face à divers défis de conception. L'une des questions courantes est de savoir comment changer la couleur du texte en HTML. Le résoudre est assez simple et il existe deux manières différentes.
Définir un attribut de style de texte en ligne
Pour comprendre comment changer la couleur du texte en HTML, il suffit de consulter la liste des attributs des champs de texte. Parmi eux, il existe un certain nombre de valeurs qui déterminent le style du texte inclus dans ces balises, qui sont spécifiées dans le mot-clé style.
Pour changer la couleur du texte, entrez simplement le mot style= "" dans la zone sélectionnée du champ de texte à l'intérieur de la balise d'ouverture. À l'intérieur de cet attribut, vous pouvez spécifier différentes valeurs de paramètres - la valeur de l'attribut color est responsable de la modification de la tonalité de couleur du texte. En spécifiant ce paramètre, après le signe deux-points, vous devez spécifier la couleur dans laquelle tous les caractères de ce champ seront colorés. Dans ce cas, lors de la définition d'une teinte, vous pouvez spécifier à la fois une valeur de couleur explicite, par exemple rouge ou jaune, et sa valeur hexadécimale, ou RVB.
Quelle que soit la méthode choisie pour déterminer la couleur, le résultat sera le même si la teinte est choisie de la même manière. Ainsi, les trois exemples suivants apporteront les mêmes modifications au texte : colorez-le en jaune.
1.
texte
2.
texte
3.
texte
Changer la couleur à l'aide de CSS
L'utilisation d'une feuille de style vous permet également de décider comment changer la couleur du texte en HTML. CSS est entièrement pris en charge par toutes les versions modernes de HTML et vous permet également de modifier le style de plusieurs éléments de page à la fois.
Pour comprendre comment changer la couleur du texte en HTML à l'aide de CSS, vous n'avez pas besoin de comprendre le langage d'apparence formelle. Pour définir les attributs d'un certain élément, vous devez créer une description CSS écrite à l'intérieur de la balise.
, et est défini par la balise