Hoe HTML kleurcodes Gebruik

Kleuren toe te voegen aan uw website ontwerp is eenvoudig met HTML kleurcodes . Weirdvis bij SXC.hu

Wie wil er een saaie zwarte en witte website?Leren om HTML kleurcodes te gebruiken maakt niet alleen uw website er beter uitzien, het kan verhogen de kans dat bezoekers het zal gebruiken.HTML kleurcodes kunnen worden gebruikt voor esthetische vormgeving en het richten van de bezoeker de aandacht op wat u wilt dat ze zien.

wat je nodig hebt

  • Web-safe kleurenkaart
  • Website hosting
  • tekst editor programma

instructies

  1. Open een Web-veilige HTML kleurcode grafiek en onderzoekt de beschikbare kleuren.Terwijl de meeste computers alle kleuren kan weergeven, met behulp van Web-veilige kleuren alleen is een meer toegankelijke optie.Daarnaast zijn er vele kleuren om uit te kiezen.Kies kleuren voor uw project die aansluiten bij het thema en het ontwerp van uw website.Een goede vuistregel is om twee complementaire kleuren en één accentkleur te kiezen.Een neutrale zoals zwart, wit, grijs of bruin is een goede keuze.

  2. Kopieer de 6 tekens HTML kleurcodes voor de kleuren die u wilt gebruiken op uw website.Deze bestaan ​​uit de getallen 0, 3, 6 en 9 en de letters C en F in verschillende combinaties.Deze 6-karakter codes worden gebruikt in uw website HTML-code waar u wilt een kleurrijk accent maken.

  3. Kies een kleur aan de achtergrond van uw website.Om de achtergrond draaien deze kleur, gebruikt u de HTML-code "& lt; body bgcolor =" # 336699 "& gt;"en vervang de 6-cijferige code met de gewenste kleurcode.Aangezien dit is de kleur voor de hele webpagina lichaam achtergrond, deze HTML-code snippet vervangt de normale "& lt; body & gt;"tag.

  4. Verander de kleur van de tekst, koppen of links op uw website pagina door het opnemen van kleurcodes en de juiste HTML-code in de pagina van uw website code.Elke tekst kan worden gekleurd door toevoeging van de HTML-attribuut "& lt; font color =" # 336699 "& gt;"om de code.Bijvoorbeeld, om de kleur van een grote kop te veranderen, voegt "& lt; h1 & gt; & lt; font color =" # 336699 "& gt; Koppen & lt; / font & gt; & lt; / h1 & gt;"naar uw website code.

  5. Verander de kleur van alle rubrieken op uw website met behulp van Cascading Style Sheets (CSS) plaats.Gebruik de code de code "h1 {color: # 336699;}" tussen de "& lt; head & gt;"en "& lt; / head & gt;"labels in uw website code.Elke keer als je een "& lt; h1 & gt;" coderenin uw website, zal het die kleur zijn.CSS is de standaard methode van styling websites.Het maakt het ook gemakkelijker om te gaan en veranderingen aan te brengen als je wilt herontwerpen.

  6. Verander de kleur van uw lettertypen, links en andere dingen in het CSS.Gebruik de CSS-code snippet "p {color: # 336699;}" voor lettertypen.De HTML voor elk tekstblok moet worden begrensd door de "& lt; p & gt;"en "& lt; / p & gt;"labels.Link kleuren kunnen worden veranderd door het gebruik van een "{color: # 336699;}" en de "& lt; a href & gt;"tag in uw HTML-website code.Andere HTML-tags, zoals beeld-grenzen, horizontale voorschriften en tafel cellen kan ook worden veranderd door het gebruik van de basis "{color: # 336699;}" CSS-code snippet.

Tips & amp;Waarschuwingen

  • Match de kleuren om het thema van uw website: groen voor tuinieren, pastel tinten voor baby's.
  • CSS is de beste methode van het toevoegen van kleur aan uw website met HTML kleurcodes.
  • Pick drie of vier kleuren alleen om te voorkomen dat het maken van uw website er plakkerig.
  • Houd in gedachten dat de labels in de bovenstaande stappen zijn tussen aanhalingstekens voor de duidelijkheid doeleinden.Bij het invoegen van de code aan uw HTML, geen gebruik van de citaten die zijn rond de buitenkant van de labels.

Resources

  • HTML Color Code Grafiek
631
0
1
Web Design