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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Заголовок

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

Шаг 5

Вместо этого измените цвет всех заголовков на вашем веб-сайте с помощью каскадных таблиц стилей (CSS). Используйте код «h1 {color:#336699;}» между тегами «» и «» в коде вашего сайта. Каждый раз, когда вы кодируете «

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

Шаг 6

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

" и "

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

Совет

Подберите цвета к теме вашего веб-сайта:зеленый для садоводства, пастельные оттенки для детей. CSS — предпочтительный метод добавления цвета на ваш веб-сайт с помощью цветовых кодов HTML.

Предупреждение

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