У ХТМЛ-у можемо променити боју било ког текста на следеће различите начине:
- Коришћење ХТМЛ ознаке
- Коришћење атрибута Инлине стила
- Коришћење интерног ЦСС-а
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: У овом кораку морамо да дамо име боје као вредност. Назив боје можемо дати у три облика:
- Можемо да откуцамо име боје
- Такође можемо да унесемо РГБ вредност боје
- Такође можемо да унесемо хексадецималну вредност боје.
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>Тестирајте одмах
Излаз горњег Хтмл кода је приказан на следећем снимку екрана: