Přidávání barev do designu vašich webových stránek je snadné díky kódům barev HTML.
Otevřete webovou tabulku barevných kódů HTML a prozkoumejte dostupné barvy. Zatímco většina počítačů dokáže zobrazit libovolné barvy, přístupnější možností je použití pouze bezpečných webových barev. Kromě toho je na výběr mnoho barev. Vyberte si barvy pro svůj projekt, které odpovídají tématu a designu vašeho webu. Dobrým pravidlem je vybrat dvě doplňkové barvy a jednu akcentní barvu. Neutrální, jako je černá, bílá, šedá nebo opálená, je další dobrou volbou.
Zkopírujte 6místné HTML kódy barev pro barvy, které chcete použít na svých webových stránkách. Ty se skládají z čísel 0, 3, 6 a 9 a písmen C a F v různých kombinacích. Tyto 6místné kódy budou použity v kódu HTML webových stránek všude tam, kde chcete vytvořit barevný akcent.
Vyberte si jednu barvu jako pozadí vašeho webu. Chcete-li změnit barvu pozadí na tuto barvu, použijte kód HTML "
“ a nahraďte 6místný kód kódem požadované barvy. Protože se jedná o barvu pozadí celého těla webové stránky, tento fragment kódu HTML nahrazuje normální ""značka.Změňte barvu jakéhokoli textu, nadpisů nebo odkazů na své webové stránce zahrnutím barevných kódů a správného HTML kódu do stránky kódu vašeho webu. Jakýkoli text lze obarvit přidáním atributu HTML "Nadpis
“ do kódu vašeho webu.
Změňte barvu všech nadpisů na svém webu pomocí kaskádových stylů (CSS). Použijte kód "h1 {color:#336699;}" mezi "
" a "“ v kódu vašeho webu. Pokaždé, když zakódujete "“ na vašem webu bude tato barva. CSS je standardní metoda stylování webových stránek. Také to usnadňuje vstup a provádění změn, pokud chcete přepracovat.
Změňte barvu svých písem, odkazů a dalších věcí v CSS. Pro písma použijte fragment kódu CSS "p {color:#336699;}". HTML pro každý textový blok musí být ohraničen znakem "
" a "
"značky." Barvy odkazu lze změnit pomocí "{color:#336699;}" a "v kódu HTML webových stránek. Pomocí základního fragmentu kódu CSS "{color:#336699;}" lze změnit i další značky HTML, jako jsou okraje obrázků, horizontální pravidla a buňky tabulky.