logo

Kuinka muuttaa tekstin väriä HTML: ssä

HTML:ssä voimme muuttaa minkä tahansa tekstin väriä seuraavilla eri tavoilla:

  1. HTML-tunnisteen käyttö
  2. Inline-tyyliattribuutin käyttäminen
  3. Sisäisen CSS:n käyttö

1. HTML-tunnisteen käyttäminen

Huomautus: HTML 5 ei tue fontin color-attribuuttia, joten tekstin värin vaihtamiseen on käytettävä inline style -attribuuttia ja sisäisiä CSS-asetuksia.

Jos haluamme muuttaa tekstin väriä käyttämällä HTML-tunnistetta, joka näytetään verkkosivulla, meidän on noudatettava alla olevia ohjeita. Näiden vaiheiden avulla voimme helposti muuttaa minkä tahansa tekstin väriä:

Vaihe 1: Ensinnäkin meidän on kirjoitettava HTML-koodi mihin tahansa tekstieditoriin tai avattava olemassa oleva HTML-tiedosto tekstieditorissa, jossa haluamme käyttää HTML-tunniste .

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

Vaihe 2: Siirrä nyt kohdistinta sen tekstin alkuun, jonka väriä haluamme muuttaa. Kirjoita sitten tyhjä HTML tunniste kyseisessä paikassa.

 Single Line text and statements 

Vaihe 3: Sitten meidän on suljettava fonttitunniste sen tekstin lopussa, jonka väriä haluamme muuttaa.

 Single Line text and statements 

Vaihe 4: Nyt meidän on lisättävä fonttitunnisteen attribuutti, jonka nimi on ' väri '. Joten kirjoita väri attribuutti alussa tag. Ja sitten meidän on annettava väri, jota haluamme käyttää tekstissä. Joten kirjoita värin nimi kohtaan väri attribuutti kuten seuraavassa lohkossa on kuvattu.

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

Vaihe 5: Ja viimeinkin meidän on tallennettava HTML-koodi tekstieditoriin ja suoritettava koodi. Suorituksen jälkeen näemme tulosteen selaimessa. Seuraavassa kuvakaappauksessa näkyy yllä olevan HTML-koodin tulos:

Kuinka muuttaa tekstin väriä HTML: ssä

2. Inline Style -attribuutin käyttäminen

Jos haluamme muuttaa tekstin väriä käyttämällä inline style-attribuuttia, joka näytetään verkkosivulla, meidän on noudatettava alla olevia ohjeita. Näiden vaiheiden avulla voimme helposti muuttaa tekstin väriä.

Vaihe 1: Ensinnäkin meidän on kirjoitettava HTML-koodi mihin tahansa tekstieditoriin tai avattava olemassa oleva HTML-tiedosto tekstieditorissa, jossa haluamme käyttää style-attribuuttia tekstin värin vaihtamiseen.

 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. 

Vaihe 2: Siirrä nyt kohdistinta sen tekstin alkuun, jonka väriä haluamme muuttaa. Ja sitten kirjoita rivi tyyli attribuutti minkä tahansa elementin sisällä. Tässä käytämme

(kohta) -tunniste:

Mikä tahansa teksti

Vaihe 3: Tässä vaiheessa meidän on annettava arvoksi värin nimi. Voimme antaa värin nimen kolmessa muodossa:

ensimmäisen asteen logiikka
  1. Voimme kirjoittaa värin nimen
  2. Voimme myös syöttää värin RGB-arvon
  3. Voimme myös syöttää värin heksadesimaaliarvon.

Vaihe 4: Sitten meidän on suljettava tekstin lopussa oleva elementti, jonka väriä haluamme muuttaa.

Mikä tahansa teksti

Vaihe 4: Tallenna lopuksi HTML-koodi, joka muuttaa tekstin väriä käyttämällä CSS-tyyliattribuuttia.

 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> 
Testaa nyt

Yllä olevan koodin tulos näkyy seuraavassa kuvakaappauksessa:

Kuinka muuttaa tekstin väriä HTML: ssä

2. Sisäisen CSS:n käyttö

Jos haluamme muuttaa tekstin väriä käyttämällä sisäistä CSS-tyylitaulukkoa, joka näytetään verkkosivulla, meidän on noudatettava alla olevia ohjeita. Näiden vaiheiden avulla voimme helposti muuttaa tekstin väriä.

Vaihe 1: Ensinnäkin meidän on kirjoitettava HTML-koodi mihin tahansa tekstieditoriin tai avattava olemassa oleva HTML-tiedosto tekstieditorissa, jossa haluamme käyttää sisäistä CSS:ää tekstin värin vaihtamiseen.

 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. 

Vaihe 2: Nyt meidän on asetettava kohdistin HTML-dokumentin head-tunnisteeseen ja määritettävä sitten tyylit tagi seuraavan lohkon osoittamalla tavalla. Ja sitten kirjoita väri attribuutti elementin valitsimeen.

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

Vaihe 3: Nyt meidän on kirjoitettava määritetty elementin valitsin ennen tekstiä, jonka väriä haluamme muuttaa.

prioriteettijono 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> 
Testaa nyt

Yllä olevan HTML-koodin tulos näkyy seuraavassa kuvakaappauksessa:

Kuinka muuttaa tekstin väriä HTML: ssä