Как использовать цветовые коды HTML

click fraud protection

Добавлять цвета в дизайн вашего веб-сайта легко с помощью цветовых кодов HTML.

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

Скопируйте 6-символьные цветовые коды HTML для цветов, которые вы хотите использовать на своем веб-сайте. Они состоят из цифр 0, 3, 6 и 9, а также букв C и F в различных комбинациях. Эти 6-значные коды будут использоваться в коде вашего HTML-сайта везде, где вы хотите создать красочный акцент.

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

"и замените 6-значный код желаемым цветовым кодом. Поскольку это цвет всего фона тела веб-страницы, этот фрагмент кода HTML заменяет обычный "" ярлык.

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

Заголовок

"в код вашего сайта.

Измените цвет всех заголовков на своем веб-сайте, используя вместо этого каскадные таблицы стилей (CSS). Используйте код "h1 {color: # 336699;}" между "

" а также ""теги в коде вашего веб-сайта. Каждый раз, когда вы кодируете "

"на вашем веб-сайте, это будет именно тот цвет. CSS - это стандартный метод стилизации веб-сайтов. Это также упрощает вход и внесение изменений, если вы хотите изменить дизайн.

Измените цвет ваших шрифтов, ссылок и прочего в CSS. Используйте фрагмент кода CSS «p {color: # 336699;}» для шрифтов. HTML-код для каждого текстового блока должен быть ограничен знаком "

" а также "

"теги. Цвета ссылок можно изменить с помощью "{color: # 336699;}" и ""в коде вашего HTML-сайта. Другие теги HTML, такие как границы изображений, горизонтальные линии и ячейки таблицы, также можно изменить с помощью базового фрагмента кода CSS "{color: # 336699;}".