понедельник, 2 августа 2021 г.

Установка атрибутов цвета HTML

Skypro

 Прежде чем мы продолжим создание нашей веб-страницы, нам сначала нужно научиться устанавливать атрибуты цвета HTML. Атрибуты определяют внешний вид веб-страницы, например цвет фона, цвета текста и шрифты. Позже мы рассмотрим все теги и атрибуты. Однако пока мы сконцентрируемся на отображении определенных цветов на вашей веб-странице. Leomax

Цветовые коды HTML

Чтобы отображать цвета на веб-странице, вы должны использовать специальные цветовые коды в своем HTML. Эти цветовые коды известны как цветовые коды RGB и представлены в виде шестнадцатеричных значений. Цветовые коды RGB содержат три набора чисел, представляющих количество красного, зеленого и синего цветов, содержащихся в цвете. Эти коды должны использоваться в вашем HTML, чтобы указать выбранные вами цвета. Send Flowers

Теперь, чтобы перевести приведенное выше утверждение на "человеческий" язык… ))) если вы хотите отображать фон или текст веб-страницы определенного цвета, вы должны включить шестнадцатеричный код цвета в свой тег. Каждому цвету соответствует свой цветовой код.

html_colors
Шестнадцатеричные цветовые коды можно использовать на всей вашей веб-странице, чтобы указать все следующее:

  • Цвет фона веб-страницы
  • Цвета шрифта
  • Цвета фона таблицы (таблицы мы рассмотрим позже.)
  • Цвета границ таблицы

При использовании цветов в HTML включите шестнадцатеричное значение выбранного цвета. Вы также можете использовать собственное цветовое «слово» для основных цветов, таких как красный, синий, белый, черный и т. Д.

Ознакомьтесь с нашей полной таблицей цветовых кодов HTML, чтобы узнать о множестве цветовых кодов HTML.

Цветовые коды HTML - атрибуты тела Л'Этуаль

Теперь, когда у вас есть базовое представление о цветовых кодах, мы сосредоточимся на настройке атрибутов тела. Атрибуты тега body можно использовать для создания цветовой темы на всей вашей веб-странице. Он может содержать команду цвета фона, команду фонового изображения, цвет текста и цвета ссылок.

Если тег body не содержит команд, веб-страница будет просматриваться с настройками веб-браузера по умолчанию, которые являются стандартом в Интернете.

Цветовые коды HTML - Цвета фона

Если вы хотите указать определенный цвет фона и текста для своей веб-страницы, вы можете сделать это, добавив атрибуты bgcolor и text в свой тег body.

<body bgcolor = "# ffffff" text = "# 0000ff">

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

Помните, что при выборе цвета фона и текста текст должен быть хорошо виден вашим посетителям. Лучше всего использовать цвета по умолчанию - белый фон, черный текст. О'КЕЙ доставка

Атрибуты bgcolor и text объявлены устаревшими в HTML 4 и не поддерживаются в HTML 5. Вместо этого используйте CSS.

CSS bgcolor : body {background-color: # b0c4de;}

Текст CSS : body {color: blue;}

Фоновые изображения (устарело)

Если вы хотите отображать свою веб-страницу с фоном изображения вместо цвета фона, поместите background = «image.gif» в свой тег body.

<body background = "image.gif" >

Текст image.gif представляет имя вашего изображения. Это изображение должно быть загружено на ваш сервер для отображения на вашей веб-странице. Кроме того, значение фона (адрес изображения) должно вести к вашему файлу изображения.

Имейте в виду, ваш текст должен быть хорошо виден. Опять же, лучшим вариантом будет использование простого белого фона.

Атрибут background не рекомендуется в HTML 4 и не поддерживается в HTML 5. Вместо этого используйте CSS.

Фоновое изображение CSS : body {background-image: url ('image.gif');}

Цветовые коды HTML - Цвета ссылок (не рекомендуется)

Если вы хотите указать цвета ссылок на всей веб-странице, добавьте атрибуты link, vlink и alink в свой тег body.

<body link = "# 003399" vlink = "# 0000cc" alink = "# 9966cc">

link - Стандартная не посещённая ссылка (не рекомендуется в теге body) Рекомендуются таблицы стилей.
vlink - посещенная ссылка (не рекомендуется в теге body) Рекомендуются таблицы стилей. AliExpress WW
alink - При нажатии (не рекомендуется в теге body) Рекомендуются таблицы стилей.

В этом примере цвет ссылки будет темно-синим, цвет vlink - средне-синим, а цвет ссылки - фиолетовым. Обратите внимание, что значения отображаются в виде шестнадцатеричных цветовых кодов.

Атрибуты цвета ссылки устарели в HTML 4 и не поддерживаются в HTML 5. Вместо этого используйте CSS.

Цвета ссылок CSS :

a: link {color: # c00000;} / * непосещенная ссылка * /
a: посещенная {color: # 008000;} / * посещенная ссылка * /
a: hover {color: # 800080;} / * наведение указателя мыши ссылка * /
a: active {color: # 000080;} / * выбранная ссылка * /

Цветовые коды HTML - Цвета ссылок по умолчанию

ссылка - синий
vlink - фиолетовый
alink - красный
Zaymigo [CPS] RU

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

Комментариев нет: