logo

Cum se schimbă culoarea textului în HTML

În HTML, putem schimba culoarea oricărui text folosind următoarele moduri diferite:

  1. Folosind eticheta HTML
  2. Folosind un atribut de stil Inline
  3. Folosind CSS intern

1. Utilizarea etichetei HTML

Notă: HTML 5 nu acceptă atributul de culoare al fontului, așa că trebuie să folosim atributul de stil inline și opțiunile CSS interne pentru a schimba culoarea unui text.

Dacă dorim să schimbăm culoarea unui text folosind eticheta Html care urmează să fie afișată pe o pagină web, trebuie să urmam pașii care sunt dați mai jos. Utilizând acești pași, putem schimba cu ușurință culoarea oricărui text:

Pasul 1: În primul rând, trebuie să introducem codul HTML în orice editor de text sau să deschidem fișierul HTML existent în editorul de text în care dorim să folosim Etichetă HTML .

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

Pasul 2: Acum, mutați cursorul la începutul acelui text a cărui culoare dorim să o schimbăm. Și apoi, tastați HTML gol etichetă în acea poziție.

 Single Line text and statements 

Pasul 3: Apoi, trebuie să închidem eticheta fontului de la sfârșitul textului a cărui culoare dorim să o schimbăm.

 Single Line text and statements 

Pasul 4: Acum, trebuie să adăugăm atributul etichetei fontului al cărui nume este „ culoare '. Deci, tastați culoare atribut din start etichetă. Și apoi trebuie să dăm culoarea pe care vrem să o folosim pe text. Deci, tastați numele culorii în atribut de culoare așa cum este descris în blocul următor.

 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 
Testează-l acum

Pasul 5: Și, în sfârșit, trebuie să salvăm codul HTML în editorul de text și să rulăm codul. După execuție, vom vedea rezultatul în browser. Următoarea captură de ecran arată rezultatul codului HTML de mai sus:

Cum se schimbă culoarea textului în HTML

2. Folosind un atribut Inline Style

Dacă dorim să schimbăm culoarea unui text folosind un atribut de stil inline care urmează să fie afișat pe o pagină web, trebuie să urmam pașii care sunt dați mai jos. Folosind acești pași, putem schimba cu ușurință culoarea textului.

Pasul 1: În primul rând, trebuie să introducem codul Html în orice editor de text sau să deschidem fișierul HTML existent în editorul de text în care dorim să folosim atributul stil pentru schimbarea culorii unui text.

 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. 

Pasul 2: Acum, mutați cursorul la începutul acelui text a cărui culoare dorim să o schimbăm. Și apoi, tastați inline stil atribut în cadrul oricărui element. Aici, folosim

ce este regex java

eticheta (paragraf):

Orice text

Pasul 3: În acest pas, trebuie să dăm un nume de culoare ca valoare. Putem da numele culorii în trei forme:

  1. Putem introduce numele unei culori
  2. De asemenea, putem introduce valoarea RGB a unei culori
  3. De asemenea, putem introduce valoarea hexazecimală a unei culori.

Pasul 4: Apoi, trebuie să închidem elementul de la sfârșitul textului a cărui culoare dorim să o schimbăm.

Orice text

Pasul 4: Și, în cele din urmă, salvați codul HTML care schimbă culoarea textului folosind atributul stil 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> 
Testează-l acum

Ieșirea codului de mai sus este afișată în următoarea captură de ecran:

Cum se schimbă culoarea textului în HTML

2. Utilizarea CSS intern

Dacă dorim să schimbăm culoarea unui text folosind o foaie de stil internă în cascadă care urmează să fie afișată pe o pagină web, trebuie să urmam pașii care sunt dați mai jos. Folosind acești pași, putem schimba cu ușurință culoarea textului.

Pasul 1: În primul rând, trebuie să introducem codul HTML în orice editor de text sau să deschidem fișierul HTML existent în editorul de text în care dorim să folosim CSS-ul intern pentru schimbarea culorii unui text.

 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. 

Pasul 2: Acum, trebuie să plasăm cursorul în eticheta head a documentului HTML și apoi să definim stilurile din interiorul eticheta așa cum se arată în blocul următor. Și apoi tastați culoare atribut în selectorul de elemente.

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

Pasul 3: Acum, trebuie să introducem selectorul de elemente definit înaintea textului a cărui culoare dorim să o schimbăm.

java citiți csv
 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> 
Testează-l acum

Ieșirea codului HTML de mai sus este afișată în următoarea captură de ecran:

Cum se schimbă culoarea textului în HTML