В HTML можем да променим цвета на всеки текст по следните различни начини:
- Използване на HTML таг
- Използване на атрибут Inline style
- Използване на вътрешен CSS
1. Използване на HTML таг
Забележка: HTML 5 не поддържа цветовия атрибут на шрифта, така че трябва да използваме вградения стилов атрибут и вътрешни CSS опции за промяна на цвета на текст.
Ако искаме да променим цвета на текст с помощта на Html таг, който трябва да се показва на уеб страница, трябва да следваме стъпките, дадени по-долу. Използвайки тези стъпки, можем лесно да променим цвета на всеки текст:
Етап 1: Първо, трябва да напишем Html кода във всеки текстов редактор или да отворим съществуващия Html файл в текстовия редактор, в който искаме да използваме Html таг .
изберете sql от множество таблици
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html
Стъпка 2: Сега преместете курсора в началото на този текст, чийто цвят искаме да променим. И след това въведете празния Html етикет на тази позиция.
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: И накрая, трябва да запазим Html кода в текстовия редактор и да стартираме кода. След изпълнение ще видим изхода в браузъра. Следната екранна снимка показва резултата от горния Html код:
2. Използване на атрибут Inline Style
Ако искаме да променим цвета на текст с помощта на атрибут на вграден стил, който трябва да се показва на уеб страница, трябва да следваме стъпките, дадени по-долу. Използвайки тези стъпки, можем лесно да променим цвета на текста.
Етап 1: Първо, трябва да напишем Html кода във всеки текстов редактор или да отворим съществуващия Html файл в текстовия редактор, в който искаме да използваме атрибута style за промяна на цвета на текст.
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: Сега преместете курсора в началото на този текст, чийто цвят искаме да променим. И след това въведете вградения стил атрибут в който и да е елемент. Тук използваме
(параграф) етикет:
list.sort java
Всеки текст
Стъпка 3: В тази стъпка трябва да зададем име на цвят като стойност. Можем да дадем името на цвета в три форми:
- Можем да напишем името на цвят
- Можем също да въведем RGB стойността на цвят
- Можем също да въведем шестнадесетичната стойност на цвета.
Стъпка 4: След това трябва да затворим елемента в края на текста, чийто цвят искаме да променим.
Всеки текст
Стъпка 4: И накрая, запазете Html кода, който променя цвета на текста с помощта на атрибута 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>Тествайте сега
Резултатът от горния код е показан на следната екранна снимка:
2. Използване на вътрешен CSS
Ако искаме да променим цвета на текст с помощта на вътрешен каскаден стилов лист, който трябва да се показва на уеб страница, трябва да следваме стъпките, дадени по-долу. Използвайки тези стъпки, можем лесно да променим цвета на текста.
Етап 1: Първо, трябва да напишем Html кода във всеки текстов редактор или да отворим съществуващия Html файл в текстовия редактор, в който искаме да използваме вътрешния CSS за промяна на цвета на текст.
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: Сега трябва да поставим курсора в тага head на Html документа и след това да дефинираме стиловете вътре етикет, както е показано в следващия блок. И след това въведете цвят атрибут в селектора на елементи.
Body { color:orange; } p { color:green; }
Стъпка 3: Сега трябва да напишем дефинирания селектор на елемент преди текста, чийто цвят искаме да променим.
оператор if else в java
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>Тествайте сега
Резултатът от горния Html код е показан на следната екранна снимка: