Как изменить цвет текста в HTML?


Опубликованно 30.08.2018 06:03

Как изменить цвет текста в HTML?

Яркий внешний вид вашего сайта - залог привлечения внимания постоянных гостей сайта и увеличения конверсии. Правильно подобранная гамма цветов, повлиять даже на восприятие информации читателем. Речь идет не только о цвете фона или элементов Интернет-страницы, но с большей интенсивностью, цвета, текста, опубликованного на веб-сайте. Использование CSS для веб-страницы

Для оформления HTML-документа, изменение параметров текста, используется CSS (Cascading Style Sheet - каскадные таблицы стилей).

Чтобы изменить цвет текста, HTML в более ранних версиях можно было использовать тег <font>...</font>. После выхода версии HTML5, разработчики и владельцы веб-сайтов для этих целей начали использовать CSS. Это соответствует всем стандартам и не беспокоиться о том, что, как сайт отображается в различных браузерах.

Изменить цвет текста в HTML, применяя CSS, можно несколькими способами: в режиме HEX: цвет:#0000ff; с использование слова, обозначающего желаемый цвет (на английском языке): цвета:blue. Прямое включение CSS в HTML-документ

Использование атрибута style для изменения цвета текста в HTML-код, мы будем видеть в следующем примере.

Вставить этот код в редакторе, который обычно используется для написания HTML-код, который будет отображаться текст, окрашенный в цвета, которые мы увидим позже.

Начало любого нового HTML-документа следующий:

<!DOCTYPE html>

<html>

<head>

<h2>Меняем цвет текста в HTML</h2>

</head>

<body>

<h1> По умолчанию цвет текста содержимое страницы - черный. Конечно, если дополнительные маркировки не установлен другой дизайн. </h1>

<h2 style="color:#0000ff"> Активный атрибут " style="цвет в шестнадцатеричном формате, или цвет определяется слово") со значением цвета, изменить цвет текста в соответствии с Вашими пожеланиями. Текст этого заголовка-синий. </h2>

<p style="color:#008000"> В предыдущем пункте, и в данном случае мы задали цвет текста в режиме HEX, который является шестнадцатиричной системе исчисления. Цвета шифруются, все комбинации цифр от 0 до 9 и буквы от a до f. Цвет этот зеленый текст. </p>

<p style="color:#ff0000"> Запоминать номера цветов не надо. Существует Таблица цветов в HEX-формат файла. Найти очень легко написать в поисковой системе соответствующий запрос. Этот пункт на сайте будет красный цвет. </p>

<p style="color:brown"> Легче, кажется, определяет цвет текста на английском языке слова. Цвет текста в этом примере, коричневый. Основные цвета, их легко узнать и запомнить. Также любой веб-сайт изучения английского языка вам скажет нужные слова. </p>

<p style="color:#4B0082"> Использование цвета в шестнадцатеричном формате, необходимо, в случае необходимости, изменить цвет нос, чтобы не оттенок. Здесь мы применили цвет Индиго, согласно таблице цветов. </p>

</body>

</html>

Использование способа, рассмотренного выше, может быть оправдано в случае, если вы хотите изменить цвет текста, несколько строк или абзацев, то есть, не масштабно. Подключение CSS в разделе <head>

Для установки в целом цвет текста, отличный от черного, тег style, должен использоваться в рамках ассоциации тега <head>...</head>.

Этот метод идеально подходит для начинающих, так и для мере тридцать узлов.

Ниже приведен пример разметки, в котором все стили (в том числе изменить цвет текста, HTML-документ), расположенных внутри тега ассоциации тег <style>...</style> применяются ко всему документу, если в рамках ассоциации тега <body>...</body> не устанавливают свои дополнительные параметры.

<!DOCTYPE html>

<html>

<head>

<style>

body {

цвет: green;

}

</style>

</head>

<body> поэтому, в частности, установив цвет основной части документа, текст будет окрашен в зеленый цвет (green).

</body>

</html>

Описанные в примерах, как можно изменить цвет текста в HTML можно легко подобрать внешний вид вашего веб-сайта, и разнообразить его цветовую гамму. Автор: Галина Местах 18 Августа 2018 года



Категория: Hi-Tech