U HTML-u možemo promijeniti boju bilo kojeg teksta koristeći sljedeće različite načine:
- Korištenje HTML oznake
- Korištenje atributa stila Inline
- Korištenje internog CSS-a
1. Korištenje HTML oznake
Napomena: HTML 5 ne podržava atribut boje fonta, tako da moramo koristiti atribut ugrađenog stila i interne CSS opcije za promjenu boje teksta.
Ako želimo promijeniti boju teksta koristeći Html tag koji se želi prikazati na web stranici, moramo slijediti korake koji su navedeni u nastavku. Pomoću ovih koraka možemo jednostavno promijeniti boju bilo kojeg teksta:
Korak 1: Prvo moramo utipkati Html kod u bilo kojem uređivaču teksta ili otvoriti postojeću Html datoteku u uređivaču teksta u kojem želimo koristiti Html oznaka .
ascii tablica java
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html
Korak 2: Sada pomaknite kursor na početak tog teksta čiju boju želimo promijeniti. Zatim upišite prazan Html oznaku na toj poziciji.
Single Line text and statements
Korak 3: Zatim, moramo zatvoriti oznaku fonta na kraju teksta čiju boju želimo promijeniti.
Single Line text and statements
Korak 4: Sada moramo dodati atribut oznake fonta čije je ime ' boja '. Dakle, upišite boja atribut unutar početne označiti. Zatim moramo dati boju koju želimo koristiti na tekstu. Dakle, upišite naziv boje u atribut boje kako je opisano u sljedećem bloku.
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in HtmlTestirajte sada
Korak 5: I, na kraju, moramo spremiti Html kod u uređivač teksta i pokrenuti kod. Nakon izvršenja, vidjet ćemo izlaz u pregledniku. Sljedeća snimka zaslona prikazuje izlaz gornjeg Html koda:
2. Korištenje atributa Inline Style
Ako želimo promijeniti boju teksta pomoću ugrađenog atributa stila koji će biti prikazan na web stranici, moramo slijediti korake koji su navedeni u nastavku. Pomoću ovih koraka možemo jednostavno promijeniti boju teksta.
Korak 1: Prvo moramo utipkati Html kod u bilo kojem uređivaču teksta ili otvoriti postojeću Html datoteku u uređivaču teksta u kojem želimo koristiti atribut style za promjenu boje teksta.
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.
Korak 2: Sada pomaknite kursor na početak tog teksta čiju boju želimo promijeniti. Zatim upišite inline stil atribut unutar bilo kojeg elementa. Ovdje koristimo
(odlomak) oznaka:
np točka
Bilo koji tekst
Korak 3: U ovom koraku moramo dati ime boje kao vrijednost. Naziv boje možemo dati u tri oblika:
- Možemo upisati naziv boje
- Također možemo unijeti RGB vrijednost boje
- Također možemo unijeti heksadecimalnu vrijednost boje.
Korak 4: Zatim moramo zatvoriti element na kraju teksta čiju boju želimo promijeniti.
Bilo koji tekst
Korak 4: I, na kraju, spremite Html kod koji mijenja boju teksta pomoću atributa CSS style.
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>Testirajte sada
Izlaz gornjeg koda prikazan je na sljedećoj snimci zaslona:
2. Korištenje internog CSS-a
Ako želimo promijeniti boju teksta pomoću interne kaskadne tablice stilova koja će biti prikazana na web stranici, moramo slijediti korake koji su navedeni u nastavku. Pomoću ovih koraka možemo jednostavno promijeniti boju teksta.
Korak 1: Prvo moramo utipkati Html kod u bilo kojem uređivaču teksta ili otvoriti postojeću Html datoteku u uređivaču teksta u kojem želimo koristiti interni CSS za promjenu boje teksta.
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.
Korak 2: Sada moramo postaviti kursor u oznaku head Html dokumenta i zatim definirati stilove unutar oznaku kao što je prikazano u sljedećem bloku. A zatim upišite boja atribut u selektor elementa.
Body { color:orange; } p { color:green; }
Korak 3: Sada moramo unijeti definirani selektor elementa prije teksta čiju boju želimo promijeniti.
preuzmite youtube s vlc
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>Testirajte sada
Izlaz gornjeg Html koda prikazan je na sljedećoj snimci zaslona: