En HTML, nous pouvons changer la couleur de n'importe quel texte des différentes manières suivantes :
- Utilisation de la balise HTML
- Utiliser un attribut de style Inline
- Utiliser du CSS interne
1. Utilisation de la balise HTML
Remarque : HTML 5 ne prend pas en charge l'attribut color de la police, nous devons donc utiliser l'attribut de style en ligne et les options CSS internes pour changer la couleur d'un texte.
Si nous voulons changer la couleur d'un texte à l'aide d'une balise HTML qui doit être affiché sur une page Web, nous devons suivre les étapes indiquées ci-dessous. En suivant ces étapes, nous pouvons facilement changer la couleur de n’importe quel texte :
Étape 1: Tout d'abord, nous devons saisir le code HTML dans n'importe quel éditeur de texte ou ouvrir le fichier HTML existant dans l'éditeur de texte dans lequel nous souhaitons utiliser le Balise HTML .
mixture homogène
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html
Étape 2: Maintenant, déplacez le curseur au début du texte dont nous voulons changer la couleur. Et puis, tapez le HTML vide balise à cette position.
Single Line text and statements
Étape 3: Ensuite, il faut fermer la balise font à la fin du texte dont on veut changer la couleur.
Single Line text and statements
Étape 4: Maintenant, nous devons ajouter l'attribut de la balise font dont le nom est ' couleur '. Alors, tapez le couleur attribut dans le début étiqueter. Et puis il faut donner la couleur que l’on veut utiliser sur le texte. Alors, tapez le nom de la couleur dans le champ attribut de couleur comme décrit dans le bloc suivant.
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in HtmlTestez-le maintenant
Étape 5 : Et enfin, nous devons enregistrer le code HTML dans l’éditeur de texte et exécuter le code. Après l'exécution, nous verrons la sortie dans le navigateur. La capture d'écran suivante montre la sortie du code HTML ci-dessus :
2. Utilisation d'un attribut de style en ligne
Si nous voulons changer la couleur d'un texte à l'aide d'un attribut de style en ligne qui doit être affiché sur une page Web, nous devons suivre les étapes indiquées ci-dessous. En suivant ces étapes, nous pouvons facilement changer la couleur du texte.
Étape 1: Tout d'abord, nous devons saisir le code HTML dans n'importe quel éditeur de texte ou ouvrir le fichier HTML existant dans l'éditeur de texte dans lequel nous souhaitons utiliser l'attribut style pour changer la couleur d'un texte.
ville aux États-Unis
Change color using style attribute This page helps you to understand how to change the color of a text. And, this section helps you to understand how to change the text color using the style attribute.
Étape 2: Maintenant, déplacez le curseur au début du texte dont nous voulons changer la couleur. Et puis, tapez le texte en ligne style attribut dans n’importe quel élément. Ici, nous utilisons le
Balise (paragraphe) :
N'importe quel texte
Étape 3: Dans cette étape, nous devons donner un nom de couleur comme valeur. Nous pouvons donner le nom de la couleur sous trois formes :
- On peut taper le nom d'une couleur
- Nous pouvons également saisir la valeur RVB d'une couleur
- On peut également saisir la valeur hexadécimale d'une couleur.
Étape 4: Ensuite, il faut fermer l'élément à la fin du texte dont on veut changer la couleur.
N'importe quel texte
Étape 4: Et enfin, enregistrez le code HTML qui change la couleur du texte à l'aide de l'attribut de style CSS.
Change color using style attribute <p> This page helps you to understand how to change the color of a text. </p> <p> And, this section helps you to understand how to change text color using style attribute. </p>Testez-le maintenant
Le résultat du code ci-dessus est affiché dans la capture d'écran suivante :
2. Utilisation du CSS interne
Si nous voulons changer la couleur d'un texte à l'aide d'une feuille de style en cascade interne qui doit être affichée sur une page Web, nous devons suivre les étapes indiquées ci-dessous. En suivant ces étapes, nous pouvons facilement changer la couleur du texte.
Étape 1: Tout d'abord, nous devons saisir le code HTML dans n'importe quel éditeur de texte ou ouvrir le fichier HTML existant dans l'éditeur de texte dans lequel nous souhaitons utiliser le CSS interne pour changer la couleur d'un texte.
Change color using Internal CSS This page helps you to understand how to change the color of a text. In this Section, we used the internal CSS for changing the text color.
Étape 2: Maintenant, il faut placer le curseur dans la balise head du document Html puis définir les styles à l'intérieur de la balise head. balise comme indiqué dans le bloc suivant. Et puis tapez le couleur attribut dans le sélecteur d’élément.
Body { color:orange; } p { color:green; }
Étape 3: Maintenant, nous devons taper le sélecteur d'élément défini avant le texte dont nous voulons changer la couleur.
ymail
Change color using Internal CSS Body { color:orange; } p { color:green; } This page helps you to understand how to change the color of a text. <p> In this Section, we used the internal CSS for changing the text color. </p>Testez-le maintenant
La sortie du code HTML ci-dessus est affichée dans la capture d'écran suivante :