Kleuren op je website

Info 
Door: Admin Moeilijkheidsgraad: 1/3
Views:138.750Reacties: 58(Bekijken)
  Log in om zelf te reageren
 Waardering:8.2/10 (10 stemmen)

HTML: de basis van iedere website» De opbouw van een html bestand | Tekst op je website zetten | Kleuren op je website | Lettertypen | Hyperlinks maken | Tabellen | Frames | Meer informatie over frames | Lijsten maken | Formulieren maken | I-frames | Metatags




Wat kunnen we verder nog met de tekst doen? Een kleurtje zou niet verkeerd zijn. Kleuren definiƫren in HTML doe je met zogenaamde hexadecimale codes. De meest gebruikte kleuren vind je hieronder.

Code Kleur
#000000 Zwart
#FFFFFF Wit
#FF0000 Rood
#00FF00 Groen
#0000FF Blauw
#FFFF00 Geel
#00FFFF Lichtblauw(cyaan)
#FF00FF Paars(magenta)

Dit zijn enkele veelgebruikte waarden. Er zijn nog veel meer variaties mogelijk en zo'n beetje iedere kleur is dan ook wel te krijgen in de HTML-code.

Je kunt dus rustig gaan expirimenteren met de verschillende codes. In plaats van de nullen kun je ook andere cijfers van 1 tot en met 9 invullen.

Zet altijd een hekje voor de kleur, de browser herkent de kleur anders niet! Eerst willen we de achtergrond van de website zwart maken. Omdat de hele site zwart moet worden, is het logisch dat je dit in de body doet. Je HTML-code voor de body wordt dan:

<body bgcolor="#000000">
<p align="center">Dit is mijn eerste website.</p>
</body>

Zo, die achtergrond is zwart! Nu moet de tekst natuurlijk nog een andere kleur krijgen, want een zwarte tekst op een zwarte achtergrond werkt niet echt. Wil je alle tekst op de site bijvoorbeeld rood maken, dan doe je dat in de <body>-tag, het geldt immers voor het hele document. We geven dus in de body aan dat alle tekst in het document de kleur #ff0000(rood) moet krijgen. Dat doen we zo:

<html>
<head>
<title>Welkom op mijn website!</title>
</head>

<body bgcolor="#000000" text="ff0000">
<p align="center">Dit is mijn eerste website.</p>
</body>

</html>

Let op: de </p>sluitingstag hoeft er dus niet te staan! Het mag wel. Zo, we kunnen de tekst nu een kleur geven. Maar wat als we nu een regel op de site groen willen hebben en de andere regel weer rood. Dit kunnen we niet in de body aangeven, want het geldt niet voor alle tekst. Het moet dus per zin aangegeven worden. Wil je dit bereiken...

Welkom op mijn website!

Deze regel is rood.

...dan gebruik je deze HTML-code:

<html>     
<head>
<title>Welkom op mijn website!</title>
</head>

<body bgcolor="#000000">
<p><font color="#00ff00">Welkom op mijn website!</font>
<p><font color="#ff0000">Deze regel is rood</font>
</body>

</html>

Meer informatie over het instellen van de achtergrond van je website(zoals afbeeldingen) vind je hier: Afbeeldingen op je website.

«Tekst op je website zetten Lettertypen »

58 reacties
EllenRoosens Geplaatst op 02-11-2012 om 15:06
 

Regular
Ik ben bezig om mijn eerste website op poten te zetten, maar stuik zonet op een probleempje. Ik wil enkele delen van eenzelfde regel in een andere kleur zetten, ik weet niet of dat eigenlijk wel mogelijk is en zoja, weet er iemand hoe je dat doet?
EpicMaster Geplaatst op 27-02-2011 om 14:50
 

Regular
Je kan ook gewoon de kleur in het Engels typen
bv.
<body bgcolor="black" text="yellow">
joevan74 Geplaatst op 10-03-2010 om 22:06
 

Regular
Birre Geplaatst op 04-02-2010 om 11:23
Avatar van Birre

Regular
Deze werkt ook prima! Netjes verteld allemaal!
spikkel Geplaatst op 23-07-2009 om 19:44
 

Regular
Hallo,

Ik ben pas begonnen met websites maken en heb de basis al tamelijk onder de knie. Toch heb ik nog een vraag over het gebruik van kleuren.
Ik vind nl. dat de kleuren, zoals standaard wordt gebruikt, enorm saai en ik ben dus op zoek om mijn kleuren echt glanzend te maken (vb echt zilver metalic).

Als voorbeeld heb ik een link geplaats van een flash template.
Deze is dus enkel als voorbeeld voor het "soort" kleuren dat ik wil gebruiken, dus geen rekening houden met animaties. Heeft er iemand Tips hoe ik hieraan kan beginnen ?
http://www.templatemonster.com/flash-templates/24606.html

Pagina 1 2 3 4 5 6 7 8 9 10 11 12 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder