Det er nemt at tilføje farver til dit webstedsdesign med HTML-farvekoder.
Åbn et websikkert HTML-farvekodediagram, og undersøg de tilgængelige farver. Mens de fleste computere kan vise alle farver, er det kun at bruge websikre farver en mere tilgængelig mulighed. Derudover er der mange farver at vælge imellem. Vælg farver til dit projekt, der matcher temaet og designet på din hjemmeside. En god tommelfingerregel er at vælge to komplementære farver og en accentfarve. En neutral som sort, hvid, grå eller tan er et andet godt valg.
Kopier HTML-farvekoderne på 6 tegn for de farver, du ønsker at bruge på dit websted. Disse består af tallene 0, 3, 6 og 9 og bogstaverne C og F i forskellige kombinationer. Disse 6-tegns koder vil blive brugt i din HTML-webstedskode, uanset hvor du ønsker at skabe en farverig accent.
Vælg en farve som baggrund for din hjemmeside. For at ændre baggrunden til denne farve, brug HTML-koden "
" og udskift koden på 6 tegn med den ønskede farvekode. Da dette er farven for hele websidens kropsbaggrund, erstatter dette HTML-kodestykke det normale "" tag.Skift farven på tekst, overskrifter eller links på din hjemmesideside ved at inkludere farvekoder og den korrekte HTML-kode på siden med din hjemmesidekode. Enhver tekst kan farvelægges ved at tilføje HTML-attributten "Overskrift
" til din hjemmesidekode.
Skift farven på alle overskrifter på dit websted ved at bruge cascading style sheets (CSS) i stedet. Brug koden koden "h1 {farve:#336699;}" mellem "
"og"" tags i din hjemmesidekode. Hver gang du koder en "" på dit websted vil det være den farve. CSS er standardmetoden til styling af hjemmesider. Det gør det også nemmere at gå ind og lave ændringer, hvis du vil redesigne.
Skift farven på dine skrifttyper, links og andre ting i CSS. Brug CSS-kodestykket "p {color:#336699;}" til skrifttyper. HTML for hver tekstblok skal være afgrænset af "
"og"
" tags. Linkfarver kan ændres ved at bruge en "{farve:#336699;}" og "" tag i din HTML-webstedskode. Andre HTML-tags, såsom billedrammer, vandrette regler og tabelceller, kan også ændres ved at bruge det grundlæggende "{color:#336699;}" CSS-kodestykke.
