I HTML kan vi ændre farven på enhver tekst ved at bruge følgende forskellige måder:
- Brug af HTML-tag
- Brug af en Inline-stilattribut
- Brug af intern CSS
1. Brug af HTML-tag
Bemærk: HTML 5 understøtter ikke skrifttypens farveattribut, så vi er nødt til at bruge den indbyggede stilattribut og interne CSS-indstillinger for at ændre farven på en tekst.
Hvis vi ønsker at ændre farven på en tekst ved hjælp af HTML-tag, som skal vises på en webside, skal vi følge trinene, som er angivet nedenfor. Ved at bruge disse trin kan vi nemt ændre farven på enhver tekst:
Trin 1: For det første skal vi skrive HTML-koden i en hvilken som helst teksteditor eller åbne den eksisterende HTML-fil i den teksteditor, hvori vi vil bruge Html tag .
mvc til java
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html
Trin 2: Flyt nu markøren i starten af den tekst, hvis farve vi vil ændre. Og skriv derefter den tomme HTML tag på den position.
Single Line text and statements
Trin 3: Derefter skal vi lukke skrifttype-tagget i slutningen af teksten, hvis farve vi vil ændre.
Single Line text and statements
Trin 4: Nu skal vi tilføje attributten for font-tagget, hvis navn er ' farve '. Så skriv farve attribut i starten tag. Og så skal vi give den farve, vi vil bruge på teksten. Så skriv navnet på farven i farveegenskab som beskrevet i den følgende blok.
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in HtmlTest det nu
Trin 5: Og til sidst skal vi gemme HTML-koden i teksteditoren og køre koden. Efter udførelse vil vi se output i browseren. Følgende skærmbillede viser outputtet af ovenstående HTML-kode:
2. Brug af en Inline Style-attribut
Hvis vi ønsker at ændre farven på en tekst ved hjælp af en inline style-attribut, som skal vises på en webside, skal vi følge trinene, som er angivet nedenfor. Ved at bruge disse trin kan vi nemt ændre farven på teksten.
Trin 1: For det første skal vi skrive HTML-koden i en hvilken som helst teksteditor eller åbne den eksisterende HTML-fil i teksteditoren, hvor vi vil bruge stilattributten til at ændre farven 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.
Trin 2: Flyt nu markøren i starten af den tekst, hvis farve vi vil ændre. Og skriv derefter inline stil attribut inden for ethvert element. Her bruger vi
omdøbning af mappe i linux
(afsnit) tag:
Enhver tekst
Trin 3: I dette trin skal vi give et farvenavn som en værdi. Vi kan give farvenavnet i tre former:
- Vi kan skrive navnet på en farve
- Vi kan også indtaste RGB-værdien for en farve
- Vi kan også indtaste den hexadecimale værdi af en farve.
Trin 4: Derefter skal vi lukke elementet i slutningen af teksten, hvis farve vi vil ændre.
Enhver tekst
Trin 4: Og gem endelig HTML-koden, som ændrer tekstfarven ved hjælp af CSS-stilattributten.
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 nu
Outputtet af ovenstående kode er vist i følgende skærmbillede:
2. Brug af intern CSS
Hvis vi ønsker at ændre farven på en tekst ved hjælp af et internt cascading stylesheet, som skal vises på en webside, skal vi følge trinene, som er givet nedenfor. Ved at bruge disse trin kan vi nemt ændre farven på teksten.
Trin 1: For det første skal vi skrive HTML-koden i en hvilken som helst teksteditor eller åbne den eksisterende HTML-fil i teksteditoren, hvor vi vil bruge den interne CSS til at ændre farven 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.
Trin 2: Nu skal vi placere markøren i head-tagget i HTML-dokumentet og derefter definere stilene inde i tag som vist i den følgende blok. Og skriv derefter farve attribut ind i elementvælgeren.
Body { color:orange; } p { color:green; }
Trin 3: Nu skal vi skrive den definerede elementvælger før teksten, hvis farve vi vil ændre.
hvordan man sorterer et array 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 nu
Outputtet af ovenstående HTML-kode vises på følgende skærmbillede: