logo

Hur man ändrar textfärg i HTML

I HTML kan vi ändra färgen på vilken text som helst på följande olika sätt:

  1. Använder HTML-tagg
  2. Använda ett Inline style-attribut
  3. Använder intern CSS

1. Använda HTML-tagg

Obs: HTML 5 stöder inte färgattributet för teckensnitt, så vi måste använda inline-stilattributet och interna CSS-alternativ för att ändra färgen på en text.

Om vi ​​vill ändra färgen på en text med hjälp av HTML-taggen som ska visas på en webbsida, måste vi följa stegen som ges nedan. Med dessa steg kan vi enkelt ändra färgen på vilken text som helst:

Steg 1: Först måste vi skriva HTML-koden i valfri textredigerare eller öppna den befintliga HTML-filen i textredigeraren där vi vill använda HTML-tagg .

delsträngsmetod i java
 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 

Steg 2: Flytta nu markören till början av den text vars färg vi vill ändra. Och skriv sedan den tomma HTML-koden tagga på den positionen.

 Single Line text and statements 

Steg 3: Sedan måste vi stänga teckensnittstaggen i slutet av texten vars färg vi vill ändra.

 Single Line text and statements 

Steg 4: Nu måste vi lägga till attributet för teckensnittstaggen vars namn är ' Färg '. Så skriv in Färg attribut i början märka. Och då måste vi ge den färg som vi vill använda på texten. Så skriv in namnet på färgen i färgattribut som beskrivs i följande block.

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

Steg 5: Och äntligen måste vi spara HTML-koden i textredigeraren och köra koden. Efter körning kommer vi att se utdata i webbläsaren. Följande skärmdump visar utdata från ovanstående HTML-kod:

Hur man ändrar textfärg i HTML

2. Använda ett Inline Style-attribut

Om vi ​​vill ändra färgen på en text med hjälp av ett inline style-attribut som ska visas på en webbsida, måste vi följa stegen som ges nedan. Med dessa steg kan vi enkelt ändra färgen på texten.

inorder genomgång av binärt träd

Steg 1: För det första måste vi skriva HTML-koden i valfri textredigerare eller öppna den befintliga HTML-filen i textredigeraren där vi vill använda stilattributet för att ändra färgen på en text.

 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. 

Steg 2: Flytta nu markören till början av den text vars färg vi vill ändra. Och skriv sedan in inline stil attribut inom något element. Här använder vi

(stycke) tagg:

Vilken text som helst

Steg 3: I detta steg måste vi ge ett namn på färg som värde. Vi kan ge färgnamnet i tre former:

  1. Vi kan skriva namnet på en färg
  2. Vi kan också ange RGB-värdet för en färg
  3. Vi kan också ange det hexadecimala värdet för en färg.

Steg 4: Sedan måste vi stänga elementet i slutet av texten vars färg vi vill ändra.

Vilken text som helst

Steg 4: Och till sist, spara HTML-koden som ändrar textfärgen med CSS-stilattributet.

 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> 
Testa det nu

Utdata från ovanstående kod visas i följande skärmdump:

Hur man ändrar textfärg i HTML

2. Använda intern CSS

Om vi ​​vill ändra färgen på en text med hjälp av en intern överlappande stilmall som ska visas på en webbsida, måste vi följa stegen som ges nedan. Med dessa steg kan vi enkelt ändra färgen på texten.

Steg 1: För det första måste vi skriva HTML-koden i valfri textredigerare eller öppna den befintliga HTML-filen i textredigeraren där vi vill använda den interna CSS för att ändra färgen på en text.

 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. 

Steg 2: Nu måste vi placera markören i head-taggen i HTML-dokumentet och sedan definiera stilarna inuti taggen som visas i följande block. Och skriv sedan in Färg attribut i elementväljaren.

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

Steg 3: Nu måste vi skriva den definierade elementväljaren före texten vars färg vi vill ändra.

ändra fil linux
 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> 
Testa det nu

Utdata från ovanstående HTML-kod visas i följande skärmdump:

Hur man ändrar textfärg i HTML