logo

Како променити боју текста у ХТМЛ-у

У ХТМЛ-у можемо променити боју било ког текста на следеће различите начине:

  1. Коришћење ХТМЛ ознаке
  2. Коришћење атрибута Инлине стила
  3. Коришћење интерног ЦСС-а

1. Коришћење ХТМЛ ознаке

Напомена: ХТМЛ 5 не подржава атрибут боје фонта, тако да морамо да користимо инлине атрибут стила и интерне ЦСС опције за промену боје текста.

Ако желимо да променимо боју текста помоћу Хтмл ознаке која ће бити приказана на веб страници, морамо да следимо кораке који су дати у наставку. Користећи ове кораке, лако можемо да променимо боју било ког текста:

Корак 1: Прво, морамо да укуцамо Хтмл код у било који уређивач текста или да отворимо постојећу Хтмл датотеку у уређивачу текста у којем желимо да користимо Хтмл ознака .

Логика 1. реда
 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 

Корак 2: Сада померите курсор на почетак тог текста чију боју желимо да променимо. А затим откуцајте празан Хтмл означити на тој позицији.

 Single Line text and statements 

Корак 3: Затим морамо затворити ознаку фонта на крају текста чију боју желимо да променимо.

 Single Line text and statements 

4. корак: Сада морамо да додамо атрибут ознаке фонта чије је име ' боја '. Дакле, откуцајте боја атрибут у оквиру почетног таг. И онда морамо дати боју коју желимо да употребимо на тексту. Дакле, унесите назив боје у атрибут боје као што је описано у следећем блоку.

 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 
Тестирајте одмах

5. корак: И, коначно, морамо да сачувамо Хтмл код у уређивачу текста и покренемо код. Након извршења, видећемо излаз у претраживачу. Следећи снимак екрана приказује излаз горњег Хтмл кода:

Како променити боју текста у ХТМЛ-у

2. Коришћење атрибута Инлине Стиле

Ако желимо да променимо боју текста помоћу инлине атрибута стила који треба да се прикаже на веб страници, морамо да следимо кораке који су дати у наставку. Користећи ове кораке, лако можемо да променимо боју текста.

Корак 1: Прво, морамо да укуцамо Хтмл код у било ком уређивачу текста или да отворимо постојећу Хтмл датотеку у уређивачу текста у којем желимо да користимо атрибут стила за промену боје текста.

 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: Сада померите курсор на почетак тог текста чију боју желимо да променимо. А затим откуцајте инлине стил атрибут унутар било ког елемента. Овде користимо

басе64 декодирати у јс

(параграф) ознака:

Било који текст

Корак 3: У овом кораку морамо да дамо име боје као вредност. Назив боје можемо дати у три облика:

  1. Можемо да откуцамо име боје
  2. Такође можемо да унесемо РГБ вредност боје
  3. Такође можемо да унесемо хексадецималну вредност боје.

4. корак: Затим морамо затворити елемент на крају текста чију боју желимо да променимо.

Било који текст

4. корак: И, коначно, сачувајте Хтмл код који мења боју текста користећи ЦСС стилски атрибут.

 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> 
Тестирајте одмах

Излаз горњег кода је приказан на следећем снимку екрана:

Како променити боју текста у ХТМЛ-у

2. Коришћење интерног ЦСС-а

Ако желимо да променимо боју текста користећи интерни каскадни стилски лист који треба да се прикаже на веб страници, морамо да следимо кораке који су дати у наставку. Користећи ове кораке, лако можемо да променимо боју текста.

Корак 1: Прво, морамо да укуцамо Хтмл код у било ком уређивачу текста или да отворимо постојећу Хтмл датотеку у уређивачу текста у којем желимо да користимо интерни ЦСС за промену боје текста.

 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: Сада морамо да поставимо курсор у ознаку хеад ХТМЛ документа и затим дефинишемо стилове унутар ознаку као што је приказано у следећем блоку. И онда откуцајте боја атрибут у селектору елемената.

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

Корак 3: Сада морамо да откуцамо дефинисани бирач елемената пре текста чију боју желимо да променимо.

јава реад цсв
 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> 
Тестирајте одмах

Излаз горњег Хтмл кода је приказан на следећем снимку екрана:

Како променити боју текста у ХТМЛ-у