logo

Hvordan endre tekstfarge i HTML

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 .

bool til streng java
 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 
Test det nå

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:

Hvordan endre tekstfarge i HTML

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

endre navn på en mappe linux

(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> 
Test det nå

Utdataene fra koden ovenfor vises i følgende skjermbilde:

Hvordan endre tekstfarge i HTML

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.

hvordan sortere en matrise i java
 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> 
Test det nå

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

Hvordan endre tekstfarge i HTML