A HTML-ben bármilyen szöveg színét megváltoztathatjuk a következő módokon:

1. HTML tag használata
2. Inline stílusattribútum használata
3. Belső CSS használata

1. HTML tag használata

Megjegyzés: A HTML 5 nem támogatja a font color attribútumot, ezért a szöveg színének megváltoztatásához a beépített stílus attribútumot és a belső CSS opciókat kell használnunk.

Ha egy weboldalon megjelenítendő szöveg színét HTML címkével szeretnénk megváltoztatni, akkor az alábbi lépéseket kell követnünk. Ezekkel a lépésekkel könnyedén megváltoztathatjuk bármilyen szöveg színét:

1. lépés: Először be kell írnunk a HTML kódot bármelyik szövegszerkesztőbe, vagy meg kell nyitnunk a meglévő HTML-fájlt a szövegszerkesztőben, amelyben a Html címke .

szál.pusztít

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

2. lépés: Most mozgassa a kurzort annak a szövegnek az elején, amelynek színét meg akarjuk változtatni. Ezután írja be az üres HTML-kódot címkét az adott helyen.

 Single Line text and statements 

3. lépés: Ezután be kell zárnunk a betűtípus címkét annak a szövegnek a végén, amelynek színét meg akarjuk változtatni.

 Single Line text and statements 

4. lépés: Most hozzá kell adnunk annak a font tag attribútumát, amelynek neve ' szín '. Tehát írja be a szín attribútum a kezdőben címke. És akkor meg kell adnunk azt a színt, amelyet használni szeretnénk a szövegen. Tehát írja be a szín nevét a szín attribútum a következő blokkban leírtak szerint.

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

5. lépés: És végül el kell mentenünk a HTML kódot a szövegszerkesztőben, és futtatnunk kell a kódot. A végrehajtás után látni fogjuk a kimenetet a böngészőben. A következő képernyőkép a fenti HTML-kód kimenetét mutatja:

2. Inline Style attribútum használata

Ha a weboldalon megjelenítendő szövegközi stílus attribútum segítségével szeretnénk megváltoztatni egy szöveg színét, akkor az alábbi lépéseket kell követnünk. Ezekkel a lépésekkel könnyedén megváltoztathatjuk a szöveg színét.

1. lépés: Először is be kell írnunk a HTML kódot bármelyik szövegszerkesztőbe, vagy meg kell nyitnunk a meglévő HTML fájlt a szövegszerkesztőben, amelyben a style attribútumot szeretnénk használni a szöveg színének megváltoztatására.

 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. lépés: Most mozgassa a kurzort annak a szövegnek az elején, amelynek színét meg akarjuk változtatni. Ezután írja be a soron belüli szót stílus attribútum bármely elemen belül. Itt használjuk a

(bekezdés) címke:

Bármilyen szöveg

összevonási algoritmus

3. lépés: Ebben a lépésben meg kell adnunk a szín nevét értékként. A szín nevét három formában adhatjuk meg:

1. Beírhatjuk egy szín nevét
2. Egy szín RGB értékét is megadhatjuk
3. Egy szín hexadecimális értékét is megadhatjuk.

4. lépés: Ezután be kell zárnunk azt az elemet a szöveg végén, amelynek színét meg akarjuk változtatni.

Bármilyen szöveg

4. lépés: És végül mentse el a HTML-kódot, amely megváltoztatja a szöveg színét a CSS stílus attribútum használatával.

 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> 

A fenti kód kimenete a következő képernyőképen látható:

2. Belső CSS használata

Ha egy weboldalon megjelenítendő belső lépcsőzetes stíluslap segítségével szeretnénk egy szöveg színét megváltoztatni, akkor az alábbi lépéseket kell követnünk. Ezekkel a lépésekkel könnyedén megváltoztathatjuk a szöveg színét.

1. lépés: Először is be kell írnunk a HTML kódot bármelyik szövegszerkesztőbe, vagy meg kell nyitnunk a meglévő HTML fájlt a szövegszerkesztőben, amelyben a belső CSS-t szeretnénk használni a szöveg színének megváltoztatására.

 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. lépés: Most el kell helyeznünk a kurzort a HTML dokumentum head címkéjébe, majd meg kell határoznunk a stílusokat a címkét a következő blokkban látható módon. Ezután írja be a szín attribútumot az elemválasztóba.

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

3. lépés: Most be kell írnunk a definiált elemválasztót a szöveg elé, amelynek színét módosítani szeretnénk.

duplán linkelt lista

 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> 

A fenti HTML-kód kimenete a következő képernyőképen látható: