Добавянето на цветове към дизайна на вашия уебсайт е лесно с 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;}“.
