Додати кольори до дизайну веб-сайту легко за допомогою 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;}".
