Vindt de browser van de websitebezoeker geen indicatie van het kleurontwerp van de hyperlinks in de paginacode, dan gebruikt hij de standaardwaarden. Deze waarden zijn blauw voor passieve links, rood voor actieve (bij hover) links, en de magenta kleurtint voor reeds bezochte links. Dit kleurenschema wordt niet altijd gecombineerd met het kleurenschema van het pagina-ontwerp, daarom wordt er meestal een blok met beschrijvingen van linkstijlen in de code opgenomen.
instructies:
Stap 1
Maak een set instructies voor de browser die de linkkleuren in drie toestanden beschrijft. Het kan er bijvoorbeeld zo uitzien: a: link {color: Red;}
a: bezocht {kleur: Geel;}
a: hover {color: Orange;} Hier wordt de "a" aan het begin van elke regel de "selector" genoemd en specificeert de tag waarop de browser de stijlbeschrijving tussen accolades moet toepassen. "A" is de hyperlinktag. Het woord dat aan de selector wordt toegevoegd, gescheiden door een dubbele punt, wordt een "pseudo-klasse" genoemd - die de browser gebruikt om te bepalen tot welke linkstatus de stijl tussen accolades behoort. link komt overeen met een gewone link, bezocht een link die al is bezocht en zweef over een link wanneer de cursor erover zweeft. De kleuren die zijn toegewezen aan de kleurparameter binnen de accolades kunnen worden gespecificeerd door de naam van de kleurtint of door de hexadecimale code.
Stap 2
Als u verschillende kleuren moet toewijzen aan verschillende groepen links op de pagina, wijs dan elke groep een eigen aanduiding ("klasse") toe en maak een aparte beschrijving van de stijlen voor elk van hen. Noem bijvoorbeeld de ene groep LinksRed en de andere LinksGreen. De stijlbeschrijving ziet er dan als volgt uit: a. LinksRed: link {color: Red;}
a. LinksRed: bezocht {kleur: Geel;}
a. LinksRed: hover {kleur: oranje;} a. LinksGreen: link {kleur: groen;}
a. LinksGreen: bezocht {kleur: Donkergroen;}
a. LinksGreen: hover {color: Lime;} En in de tags van links van elke groep moet je aangeven tot welke klasse ze behoren. Bijvoorbeeld: Rode link
Groene link
Stap 3
Deze instructies zijn geschreven in CSS (Cascading Style Sheets), dus ze moeten in een stijltag worden geplaatst die ze scheidt van andere instructies in de broncode van de pagina, geschreven in HTML (HyperText Markup Language):
a. LinksRed: link {kleur: Rood;}
a. LinksRed: bezocht {kleur: Geel;}
a. LinksRed: hover {kleur: oranje;} a. LinksGreen: link {kleur: groen;}
a. LinksGreen: bezocht {kleur: Donkergroen;}
a. LinksGreen: zweef {kleur: Limoen;}
Stap 4
Plaats het voorbereide blok met de beschrijving van de linkstijl in het kopgedeelte van de broncode van de pagina - het wordt begrensd door de en tags.
