Stap 7 - kleuren:
Naast het aanpassen van het lettertype en de lettergrootte is het bij de FONT-tag ook mogelijk de kleur aan te passen. Bij de BODY tag heb je gedefinieerd dat de gehele tekst in het document een bepaalde kleur moet hebben. In het document zelf is dit nog aan te passen.
Zoals je bij
Stap 3b wel opgemerkt zal hebben wordt bij HTML gebruik gemaakt van een code voor kleuren. Deze code begint altijd met een hekje (#) en wordt gevolgd door 6 karakters, bestaande uit cijfers en eventueel letters.
Omdat in deze codes weer drie subcodes verwerkt zijn, heten ze hexadecimaal triplet. Door middel van die cijfers en letters geef je aan hoeveel rood, blauw en groen je wilt mengen voor het eindresultaat. Omdat er miljoenen combinaties bestaan, hoef je je niet schuldig te voelen als je deze codes niet uit je hoofd kent. Er zijn verschillende programma's die je kunnen helpen met het achterhalen van deze kleurencodes (een HTML editor bijvoorbeeld, of een fotoprogramma). Wat wel handig om te weten is dat #000000 voor zwart staat en #FFFFFF voor wit.
In HTML is het ook mogelijk zo'n 144 kleuren met benamingen (white, yellow, black enz) te definiëren, maar aangezien dit aanzienlijk minder wordt gebruikt bij HTML slaan we het in deze cursus over.
In ons index.html document kennen we nu een kleur toe aan de FONT-tag:
<HTML>
<HEAD>
<TITLE>mijn eigen homepage</TITLE>
</HEAD>
<BODY BACKGROUND="images/background.gif" BGCOLOR="#FFFFE1" TEXT="#808080" LINK="#FF9B6A" ALINK="#FF9B6A" VLINK="#FF0000">
<FONT FACE="Verdana" SIZE=2>
<FONT COLOR="#FF9B6A"><B>Nora Tol Virtual Publishing</B></FONT> werd zo'n 12 jaar geleden gestart toen eigenaresse <FONT COLOR="#FF9B6A"><I>Nora</I></FONT> begon met het aanbieden van haar webdesigndiensten.
<P>
<FONT SIZE=4>Kijk snel op haar homepage voor meer informatie.
<BR>
E-mailen kan natuurlijk ook!</FONT>
</FONT>
</BODY>
</HTML>
In mijn tekst heb ik gekozen om mijn bedrijfsnaam en mijn eigen naam te accentueren door een kleur. Zou ik de hele tekst in een andere kleur gewild hebben, dan had ik bij de FONT-tag aan het begin van de tekst alleen de COLOR definitie toe moeten voegen: <FONT FACE="Verdana" SIZE=2 COLOR="#FF9B6A">
