I HTML kan vi endre fargen på tekst ved å bruke følgende forskjellige måter:

1. Bruker HTML-tag
2. Bruke et innebygd stilattributt
3. Bruker intern CSS

1. Bruke HTML-tag

Merk: HTML 5 støtter ikke fargeattributtet til skrift, så vi må bruke det innebygde stilattributtet og interne CSS-alternativer for å endre fargen på en tekst.

Hvis vi ønsker å endre fargen på en tekst ved hjelp av HTML-taggen som skal vises på en nettside, må vi følge trinnene som er gitt nedenfor. Ved å bruke disse trinnene kan vi enkelt endre fargen på hvilken som helst tekst:

Trinn 1: For det første må vi skrive inn HTML-koden i et hvilket som helst tekstredigeringsprogram eller åpne den eksisterende HTML-filen i tekstredigeringsprogrammet der vi vil bruke HTML-tag .

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

Steg 2: Flytt nå markøren til begynnelsen av teksten hvis farge vi vil endre. Og skriv deretter inn den tomme HTML-koden tag på den posisjonen.

 Single Line text and statements  

Trinn 3: Deretter må vi lukke skrifttypen på slutten av teksten hvis farge vi vil endre.

 Single Line text and statements  

Trinn 4: Nå må vi legge til attributtet til font-taggen hvis navn er ' farge '. Så skriv inn farge attributt i starten stikkord. Og så må vi gi fargen som vi vil bruke på teksten. Så skriv inn navnet på fargen i fargeattributt som beskrevet i neste blokk.

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

Trinn 5: Og til slutt må vi lagre HTML-koden i teksteditoren og kjøre koden. Etter utførelse vil vi se utdataene i nettleseren. Følgende skjermbilde viser utdataene fra HTML-koden ovenfor:

2. Bruke et innebygd stilattributt

Hvis vi ønsker å endre fargen på en tekst ved å bruke et innebygd stilattributt som skal vises på en nettside, må vi følge trinnene som er gitt nedenfor. Ved å bruke disse trinnene kan vi enkelt endre fargen på teksten.

Trinn 1: For det første må vi skrive inn HTML-koden i et hvilket som helst tekstredigeringsprogram eller åpne den eksisterende HTML-filen i tekstredigeringsprogrammet der vi vil bruke stilattributtet for å endre fargen på en tekst.

 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: Flytt nå markøren til begynnelsen av teksten hvis farge vi vil endre. Og skriv deretter inn teksten stil attributt innenfor ethvert element. Her bruker vi

(avsnitt) tag:

Enhver tekst

Trinn 3: I dette trinnet må vi gi et navn på farge som en verdi. Vi kan gi fargenavnet i tre former:

1. Vi kan skrive navnet på en farge
2. Vi kan også legge inn RGB-verdien til en farge
3. Vi kan også angi den heksadesimale verdien til en farge.

Trinn 4: Deretter må vi lukke elementet på slutten av teksten hvis farge vi vil endre.

Enhver tekst

Trinn 4: Og til slutt, lagre HTML-koden som endrer tekstfargen ved å bruke CSS-stilattributtet.

 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>  

Utdataene fra koden ovenfor vises i følgende skjermbilde:

2. Bruke intern CSS

Hvis vi ønsker å endre fargen på en tekst ved å bruke et internt stilark som skal vises på en nettside, må vi følge trinnene som er gitt nedenfor. Ved å bruke disse trinnene kan vi enkelt endre fargen på teksten.

Trinn 1: For det første må vi skrive inn HTML-koden i et hvilket som helst tekstredigeringsprogram eller åpne den eksisterende HTML-filen i tekstredigeringsprogrammet der vi ønsker å bruke den interne CSS for å endre fargen på en tekst.

 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: Nå må vi plassere markøren i head-taggen til HTML-dokumentet og deretter definere stilene i tag som vist i følgende blokk. Og skriv deretter inn farge attributtet inn i elementvelgeren.

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

Trinn 3: Nå må vi skrive inn den definerte elementvelgeren før teksten hvis farge vi vil endre.

 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>  

Utdataene fra HTML-koden ovenfor vises i følgende skjermbilde: