logo

Kā mainīt teksta krāsu HTML

HTML mēs varam mainīt jebkura teksta krāsu, izmantojot šādus dažādus veidus:

  1. Izmantojot HTML tagu
  2. Iekļautā stila atribūta izmantošana
  3. Izmantojot iekšējo CSS

1. HTML taga izmantošana

Piezīme: HTML 5 neatbalsta fonta krāsas atribūtu, tāpēc teksta krāsas maiņai ir jāizmanto iekļautais stila atribūts un iekšējās CSS opcijas.

Ja mēs vēlamies mainīt teksta krāsu, izmantojot HTML tagu, kas tiks parādīts tīmekļa lapā, mums ir jāveic tālāk norādītās darbības. Izmantojot šīs darbības, mēs varam viegli mainīt jebkura teksta krāsu:

1. darbība: Pirmkārt, mums ir jāievada HTML kods jebkurā teksta redaktorā vai jāatver esošais HTML fails teksta redaktorā, kurā vēlamies izmantot Html tags .

mylivecriclet
 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 

2. darbība: Tagad pārvietojiet kursoru tā teksta sākumā, kura krāsu mēs vēlamies mainīt. Un pēc tam ierakstiet tukšu HTML tagu šajā pozīcijā.

 Single Line text and statements 

3. darbība: Pēc tam mums ir jāaizver fonta tags tā teksta beigās, kura krāsu mēs vēlamies mainīt.

 Single Line text and statements 

4. darbība: Tagad mums ir jāpievieno fonta taga atribūts, kura nosaukums ir ' krāsa '. Tātad, ierakstiet krāsa atribūts sākuma daļā tagu. Un tad mums ir jāpiešķir krāsa, kuru mēs vēlamies izmantot tekstam. Tātad, ierakstiet krāsas nosaukumu krāsas atribūts kā aprakstīts nākamajā blokā.

 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 
Izmēģiniet to tūlīt

5. darbība: Un, visbeidzot, mums ir jāsaglabā HTML kods teksta redaktorā un jāpalaiž kods. Pēc izpildes mēs redzēsim izvadi pārlūkprogrammā. Šis ekrānuzņēmums parāda iepriekš minētā HTML koda izvadi:

Kā mainīt teksta krāsu HTML

2. Inline Style atribūta izmantošana

Ja mēs vēlamies mainīt teksta krāsu, izmantojot iekļauto stila atribūtu, kas jāparāda tīmekļa lapā, mums ir jāveic tālāk norādītās darbības. Izmantojot šīs darbības, mēs varam viegli mainīt teksta krāsu.

1. darbība: Pirmkārt, mums ir jāievada HTML kods jebkurā teksta redaktorā vai jāatver esošais HTML fails teksta redaktorā, kurā vēlamies izmantot stila atribūtu teksta krāsas maiņai.

 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. 

2. darbība: Tagad pārvietojiet kursoru tā teksta sākumā, kura krāsu mēs vēlamies mainīt. Un pēc tam ierakstiet iekļauto stils atribūts jebkurā elementā. Šeit mēs izmantojam

(rindkopas) tags:

Jebkurš teksts

3. darbība: Šajā solī mums ir jānorāda krāsas nosaukums kā vērtība. Mēs varam piešķirt krāsas nosaukumu trīs veidos:

neobjektivitāte un dispersija
  1. Mēs varam ierakstīt krāsas nosaukumu
  2. Mēs varam ievadīt arī krāsas RGB vērtību
  3. Mēs varam ievadīt arī krāsas heksadecimālo vērtību.

4. darbība: Pēc tam mums ir jāaizver elements teksta beigās, kura krāsu mēs vēlamies mainīt.

Jebkurš teksts

4. darbība: Un, visbeidzot, saglabājiet HTML kodu, kas maina teksta krāsu, izmantojot CSS stila atribūtu.

 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> 
Izmēģiniet to tūlīt

Iepriekš minētā koda izvade ir parādīta šajā ekrānuzņēmumā:

Kā mainīt teksta krāsu HTML

2. Izmantojot iekšējo CSS

Ja mēs vēlamies mainīt teksta krāsu, izmantojot iekšēju kaskādes stila lapu, kas jāparāda tīmekļa lapā, mums ir jāveic tālāk norādītās darbības. Izmantojot šīs darbības, mēs varam viegli mainīt teksta krāsu.

1. darbība: Pirmkārt, mums jebkurā teksta redaktorā jāievada HTML kods vai teksta redaktorā jāatver esošais HTML fails, kurā teksta krāsas maiņai vēlamies izmantot iekšējo CSS.

 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. 

2. darbība: Tagad mums ir jānovieto kursors HTML dokumenta tagā head un pēc tam jādefinē stili tagu, kā parādīts nākamajā blokā. Un pēc tam ierakstiet krāsa atribūtu elementu atlasītājā.

 Body { color:orange; } p { color:green; } 

3. darbība: Tagad mums ir jāievada definētā elementa atlasītājs pirms teksta, kura krāsu mēs vēlamies mainīt.

sklearn precizitātes rādītājs
 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> 
Izmēģiniet to tūlīt

Iepriekš minētā HTML koda izvade ir parādīta šajā ekrānuzņēmumā:

Kā mainīt teksta krāsu HTML