logo

Kako spremeniti barvo besedila v Html

V HTML-ju lahko spremenimo barvo katerega koli besedila na naslednje različne načine:

  1. Uporaba oznake HTML
  2. Uporaba atributa sloga Inline
  3. Uporaba internega CSS

1. Uporaba oznake HTML

Opomba: HTML 5 ne podpira barvnega atributa pisave, zato moramo uporabiti atribut vgrajenega sloga in notranje možnosti CSS za spreminjanje barve besedila.

Če želimo z oznako Html spremeniti barvo besedila, ki naj bo prikazano na spletni strani, moramo slediti korakom, ki so navedeni spodaj. S temi koraki lahko preprosto spremenimo barvo katerega koli besedila:

Korak 1: Najprej moramo v kateri koli urejevalnik besedil vnesti kodo Html ali v urejevalniku besedil odpreti obstoječo datoteko Html, v kateri želimo uporabiti Html oznaka .

izberite sql iz več tabel
 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 

2. korak: Zdaj premaknite kazalec na začetek besedila, katerega barvo želimo spremeniti. Nato vnesite prazen Html oznako na tem mestu.

 Single Line text and statements 

3. korak: Nato moramo zapreti oznako pisave na koncu besedila, katerega barvo želimo spremeniti.

 Single Line text and statements 

4. korak: Zdaj moramo dodati atribut oznake pisave, katere ime je ' barva '. Torej, vnesite barva atribut znotraj začetka oznaka. In potem moramo dati barvo, ki jo želimo uporabiti na besedilu. Torej, vnesite ime barve v barvni atribut kot je opisano v naslednjem bloku.

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

5. korak: In končno moramo kodo Html shraniti v urejevalnik besedila in zagnati kodo. Po izvedbi bomo videli izpis v brskalniku. Naslednji posnetek zaslona prikazuje rezultat zgornje kode Html:

Kako spremeniti barvo besedila v Html

2. Uporaba atributa Inline Style

Če želimo spremeniti barvo besedila z uporabo atributa sloga v vrstici, ki naj bo prikazano na spletni strani, moramo slediti korakom, ki so navedeni spodaj. S temi koraki lahko preprosto spremenimo barvo besedila.

regresijsko testiranje pri testiranju programske opreme

Korak 1: Najprej moramo v kateri koli urejevalnik besedil vtipkati kodo Html ali v urejevalniku besedil odpreti obstoječo datoteko Html, v kateri želimo uporabiti atribut style za spreminjanje barve besedila.

 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. 

2. korak: Zdaj premaknite kazalec na začetek besedila, katerega barvo želimo spremeniti. In nato vnesite inline stil atribut znotraj katerega koli elementa. Tukaj uporabljamo

oznaka (odstavek):

Poljubno besedilo

3. korak: V tem koraku moramo podati ime barve kot vrednost. Ime barve lahko podamo v treh oblikah:

  1. Vtipkamo lahko ime barve
  2. Vnesemo lahko tudi RGB vrednost barve
  3. Vnesemo lahko tudi šestnajstiško vrednost barve.

4. korak: Nato moramo zapreti element na koncu besedila, katerega barvo želimo spremeniti.

Poljubno besedilo

4. korak: In končno shranite kodo Html, ki spremeni barvo besedila z uporabo atributa sloga CSS.

 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> 
Preizkusite zdaj

Rezultat zgornje kode je prikazan na naslednjem posnetku zaslona:

Kako spremeniti barvo besedila v Html

2. Uporaba internega CSS

Če želimo spremeniti barvo besedila z uporabo notranje kaskadne tabele slogov, ki naj bo prikazana na spletni strani, moramo slediti korakom, ki so navedeni spodaj. S temi koraki lahko preprosto spremenimo barvo besedila.

Korak 1: Najprej moramo v kateri koli urejevalnik besedil vtipkati kodo Html ali v urejevalniku besedil odpreti obstoječo datoteko Html, v kateri želimo uporabiti notranji CSS za spreminjanje barve besedila.

 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. 

2. korak: Zdaj moramo postaviti kazalec v oznako head dokumenta Html in nato definirati sloge znotraj oznako, kot je prikazano v naslednjem bloku. In nato vnesite barva v izbirnik elementov.

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

3. korak: Sedaj moramo definiran izbirnik elementov vnesti pred besedilo, katerega barvo želimo spremeniti.

seznam programov python
 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> 
Preizkusite zdaj

Rezultat zgornje kode Html je prikazan na naslednjem posnetku zaslona:

Kako spremeniti barvo besedila v Html