logo

Как да промените цвета на текста в Html

В HTML можем да променим цвета на всеки текст по следните различни начини:

  1. Използване на HTML таг
  2. Използване на атрибут Inline style
  3. Използване на вътрешен 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 код:

Как да промените цвета на текста в 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: В тази стъпка трябва да зададем име на цвят като стойност. Можем да дадем името на цвета в три форми:

  1. Можем да напишем името на цвят
  2. Можем също да въведем RGB стойността на цвят
  3. Можем също да въведем шестнадесетичната стойност на цвета.

Стъпка 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> 
Тествайте сега

Резултатът от горния код е показан на следната екранна снимка:

Как да промените цвета на текста в Html

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 код е показан на следната екранна снимка:

Как да промените цвета на текста в Html