 |
| ~HTML basic |
| ~Wat is html ? |
|
| ~Over tags |
 |
| ~Stijl tags |
|
| ~Plaatsings tags |
|
| ~Letter tags |
|
| ~Kleuren tags |
| ~Links |
| ~Plaatjes |
|
| ~Tabellen |
| ~En
verder |
|
| ~Forum |
|
| ~Downloads |
|
| ~Links |
|
| ~Referenties |
|
| ~Disclaimer |
|
| ~Feedback |
|
Les 6 : Kleuren tags
Je weet nu al aardig wat toch ? Ooit gedacht dat het zo snel zou gaan ? Nee he ? Maar we zijn er nog lang niet. Je kunt nu al wel de basis van de HTML, alleen gaan we nu iets meer mogelijkheden laten zien. Te beginnen met de kleuren.
Allereerst moet ik iets vertellen over kleuren op het internet. De browser herkent kleuren bij hun echte naam, dus rood, wit blauw. Wel in het Engels naturlijk, dus RED, WHITE en BLUE. Maar daar blijft het niet bij. Als je namelijk gaat nadenken hoeveel kleuren je kunt opnoemen kom je namelijk niet echt ver. Daarom zijn de zogenaamde HEX Codes uitgevonden, zodat je naast de standaard kleuren ook alle variaties op deze kleuren kunt gebruiken door middel van een code. Deze codes bestaan uit 6 cijfers of letters. Ik zal nu meteen even wat voorbeelden geven.
| hex code | kleur | visueel |
| #FFFFFF | wit | |
| #000000 | zwart | |
| #AEAEF9 | licht blauw | |
| #6161F3 | iets donkerder blauw | |
| #0D0DA6 | nog donkerder blauw |
Zo zijn er in totaal 256 kleurcodes. De kleurcodes kun je terugvinden in de grote tekenprogramma's van Adobe, Corel en Macromedia, maar er is ook een heel simpel, maar wel heel handig programmaatje dat ik zelf altijd gebruik. Het heet HTMLPB, is gemaakt door ene Matt Peoples en het mooiste is dat je het hier gratis kunt downloaden. Doe dat eerst maar, speel er wat mee, en kom dan hier verder lezen.
Handig he ?
Nu gaan we kijken hoe we de kleuren dan in de pagina kunnen verwerken.
Achtergrondkleur
Om een achtegrondkleur aan je pagina te geven moet je in de <BODY> tag BGCOLOR="kleur/code" zetten.
|
<HTML> <HEAD> <TITLE>Mijn eerste pagina</TITLE> </HEAD> <BODY BGCOLOR="RED"> Blablabla </BODY> </HTML> |
|
<HTML> <HEAD> <TITLE>Mijn eerste pagina</TITLE> </HEAD> <BODY BGCOLOR="#FFFFOO"> Blablabla </BODY> </HTML> |
Gelukt ? Dacht ik al. Was namelijk ook niet heel erg moeilijk.
Tekstkleur
Om de tekst een kleur te geven, gaat het in principe hetzelfde als hierboven. Je kunt de tekst een kleur geven door COLOR="kleur/code" in de <FONT> tag te zetten.
|
<HTML> <HEAD> <TITLE>Mijn eerste pagina</TITLE> </HEAD> <BODY BGCOLOR="#OOOOOO"> <P><FONT COLOR="#FFFFOO">Blablabla</FONT></P> <P><FONT COLOR="RED">Blablabla</FONT></P> </BODY> </HTML> |
Nou, dat waren de kleuren. Dan gaan we nu wat linkjes maken.
Hex codes
zijn 6 cijfer / letterige codes die een kleur voorstellen.
HTML PB
proggie waarmee je heel simpel een HEX code kan achterhalen. Is gratis
te downloaden via de downloadpagina.