logo

Kako promijeniti boju teksta u HTML-u

U HTML-u možemo promijeniti boju bilo kojeg teksta koristeći sljedeće različite načine:

  1. Korištenje HTML oznake
  2. Korištenje atributa stila Inline
  3. 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 Html 
Testirajte 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:

Kako promijeniti boju teksta u HTML-u

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:

  1. Možemo upisati naziv boje
  2. Također možemo unijeti RGB vrijednost boje
  3. 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:

Kako promijeniti boju teksta u HTML-u

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:

Kako promijeniti boju teksta u HTML-u