In HTML kunnen we de kleur van elke tekst op de volgende verschillende manieren wijzigen:

1. HTML-tag gebruiken
2. Een inlinestijlattribuut gebruiken
3. Interne CSS gebruiken

1. HTML-tag gebruiken

Opmerking: HTML 5 ondersteunt het kleurkenmerk van het lettertype niet, dus we moeten het inline stijlkenmerk en interne CSS-opties gebruiken om de kleur van een tekst te wijzigen.

Als we de kleur van een tekst willen wijzigen met behulp van de HTML-tag die op een webpagina moet worden weergegeven, moeten we de onderstaande stappen volgen. Met behulp van deze stappen kunnen we eenvoudig de kleur van elke tekst wijzigen:

Stap 1: Ten eerste moeten we de HTML-code in een willekeurige teksteditor typen of het bestaande HTML-bestand openen in de teksteditor waarin we de tekst willen gebruiken. Html-tag .

sorteer arraylijst java

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

Stap 2: Verplaats nu de cursor naar het begin van de tekst waarvan we de kleur willen veranderen. En typ vervolgens de lege HTML tag op die positie.

 Single Line text and statements 

Stap 3: Vervolgens moeten we de lettertypetag sluiten aan het einde van de tekst waarvan we de kleur willen wijzigen.

 Single Line text and statements 

Stap 4: Nu moeten we het attribuut toevoegen van de lettertypetag waarvan de naam ' kleur '. Typ dus de kleur attribuut in het begin label. En dan moeten we de kleur opgeven die we op de tekst willen gebruiken. Typ dus de naam van de kleur in het kleur attribuut zoals beschreven in het volgende blok.

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

Stap 5: En ten slotte moeten we de HTML-code in de teksteditor opslaan en de code uitvoeren. Na uitvoering zien we de uitvoer in de browser. De volgende schermafbeelding toont de uitvoer van de bovenstaande HTML-code:

2. Een kenmerk Inlinestijl gebruiken

Als we de kleur van een tekst willen wijzigen met behulp van een inline stijlattribuut dat op een webpagina moet worden weergegeven, moeten we de onderstaande stappen volgen. Met behulp van deze stappen kunnen we eenvoudig de kleur van de tekst wijzigen.

Stap 1: Ten eerste moeten we de HTML-code in een willekeurige teksteditor typen of het bestaande HTML-bestand openen in de teksteditor waarin we het stijlattribuut willen gebruiken om de kleur van een tekst te wijzigen.

lente kader

 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. 

Stap 2: Verplaats nu de cursor naar het begin van de tekst waarvan we de kleur willen veranderen. En typ vervolgens de inline stijl attribuut binnen elk element. Hier gebruiken we de

(paragraaf) tag:

Elke tekst

Stap 3: In deze stap moeten we een kleurnaam als waarde opgeven. We kunnen de kleurnaam in drie vormen geven:

1. We kunnen de naam van een kleur typen
2. Ook kunnen we de RGB-waarde van een kleur invoeren
3. We kunnen ook de hexadecimale waarde van een kleur invoeren.

Stap 4: Vervolgens moeten we het element aan het einde van de tekst sluiten waarvan we de kleur willen wijzigen.

Elke tekst

Stap 4: En sla ten slotte de HTML-code op die de tekstkleur verandert met behulp van het CSS-stijlattribuut.

 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> 

De uitvoer van de bovenstaande code wordt weergegeven in de volgende schermafbeelding:

2. Interne CSS gebruiken

Als we de kleur van een tekst willen wijzigen met behulp van een intern cascading stylesheet dat op een webpagina moet worden weergegeven, moeten we de onderstaande stappen volgen. Met behulp van deze stappen kunnen we eenvoudig de kleur van de tekst wijzigen.

Stap 1: Ten eerste moeten we de HTML-code in een willekeurige teksteditor typen of het bestaande HTML-bestand openen in de teksteditor waarin we de interne CSS willen gebruiken om de kleur van een tekst te wijzigen.

 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. 

Stap 2: Nu moeten we de cursor in de head-tag van het HTML-document plaatsen en vervolgens de stijlen binnen de tag zoals weergegeven in het volgende blok. En typ vervolgens de kleur attribuut in de elementselector.

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

Stap 3: Nu moeten we de gedefinieerde elementselector typen vóór de tekst waarvan we de kleur willen wijzigen.

conversiereeks tot nu toe

 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> 

De uitvoer van de bovenstaande HTML-code wordt weergegeven in de volgende schermafbeelding: