Home Ontwerp je site HTML Hyperlinks in HTML : een link leggen

Hyperlinks in HTML : een link leggen

Om een link te kunnen maken wordt in HTML de zogeheten Anchor-tag gebruikt.

Een link leggen


De Anchor-tag bestaat in zijn kaalste vorm uit de begin-tag <a> en de eind-tag </a>.


De tekst die tussen deze tags staat wordt gebruikt om op te klikken. Dit is dus de link (Hypertext), die in de browser een andere kleur krijgt dan de gewone tekst en vaak wordt onderstreept. De HTML-code van een link ziet er dan zo uit:


<a>Klik hier</a>

Als de bezoeker nu klikt op de tekst "Klik hier" zal er nog niets gebeuren; de browser weet nog niet naar welk bestand er gelinkt moet worden.
Daarvoor gebruiken we het attribuut href


href = " ... "

Href staat voor Hypertext Reference. Dit attribuut zorgt ervoor dat de browser weet naar welke pagina wordt gelinkt. Een link komt er dan zo uit te zien:


<a href="http://www.webmasterstart.net">Ga naar WMS</a>

Tussen de aanhalingstekens bij href komt de URL te staan van de pagina waarnaar wordt verwezen, op de plaats vóór de eind-tag moet de tekst komen waarop kan worden geklikt.


Extra uitleg bij de hyperlink


Wanneer je met de muisaanwijzer over een hyperlink beweegt, kun je een ondersteunende tekst laten weergeven. Dit doen we met het attribuut title


title=" ... "

Gebruik je bijvoorbeeld deze HTML-code:


<a href ="http://www.webmasterstart.net" title="Informatie voor webmasters">WMS.NET</a>

Dan zal je de uitleg verschijnen als je over de link beweegt. Probeer maar uit : WMS.NET.

Het Target attribuut


In sommige gevallen kan het nuttig zijn dat een link opent in een nieuw browservenster. Als je een link legt naar een andere website is het handig dat jouw website geopend blijft staan terwijl de andere site opent in een ander venster.


Daarvoor gebruiken we het Target attribuut :


target=" ... "

Als je geen Target gebruikt opent de pagina bij het klikken gewoon in hetzelfde scherm. Het target-attribuut krijgt de waarde _blank mee om aan te duiden dat er een nieuw browservenster moet geopend worden:


target="_blank"

volledige HTML-code ziet er nu zo uit:


<a href ="http://www.webmasterstart.net/" title="Informatie voor webmasters" target="_blank">Ga naar WMS</a>

Dit attribuut kan je ook nog de waarde _self geven om aan te tonen dat de pagina in hetzelfde frame moet openen waarin het opgeroepen wordt, maar dit komt op hetzelfde neer dan helemaal geen Target te gebruiken. Een andere mogelijkheid is _top, wat er voor zorgt dat de pagina opent in het volledige browserscherm, en dus uit de huidige frames breekt.


Lees verder over Hyperlinks in het volgende deel over links leggen naar een e-mailadres.

1 + 3 =
 

GOOGLE adsense