Verwijzingen

De opmaak van verwijzingen, ook wel links genoemd, regel je in een CSS-bestand. Een verwijzing in een webpagina is vaak te herkennen aan de kleur van de tekst en aan het feit dat de tekst van de verwijzing onderstreept is. Het is mogelijk om de standaardinstellingen van een verwijzing naar eigen voorkeur aan te passen.
Zo wordt de eigenschap en waarde text-decoration: none; ook wel gebruikt om de lijn onder een link te laten verdwijnen omdat dat mooier uitziet.

Een verwijzing kan in 4 verschillende stadia verkeren:

1. a:  link Verwijzing die nog niet bezocht is
2. a:  visited   Bezochte verwijzing
3. a:  hover Verwijzing waar overheen gegaan wordt met de muis
4. a:  active Verwijzing op het moment waarop er op geklikt wordt

 

De opmaak van de status waarin een verwijzing verkeert, leg je vast in CSS.
Lees de tekst.

1 2 3
a:link
{
     color: blue;
     text-decoration: underline;
}
a:visited
{
     color: green;
}
a:hover
{
     text-decoration: none;
}

  1. De bezoeker van de webpagina heeft de verwijzing nog niet bezocht. De kleur van de verwijzing is blauw en de verwijzing is onderstreept.
  2. De bezoeker van de webpagina heeft de verwijzing nu wel bekeken. De kleur van de verwijzing is nu groen.
  3. De bezoeker van de webpagina beweegt met de muis over de verwijzing. De verwijzing is op dat moment niet meer onderstreept.