Home Ontwerp je site HTML Tags 002 - A

Tags 002 - A

Zoniet de belangrijkste tag in HTML is de link- of ankertag : <a> en </a>

Waarvoor dient het ?

<a> is de tag voor het maken van een link naar een andere pagina. Als de link verwijst naar een andere plaats in dezelfde pagina, moet je een anker op die plaats in de pagina zetten, gebruik makend van dezelfde tag. Je geeft het anker dan een naam, en zo kan je onmiddellijk naar dat specifieke anker klikken.

Alles wat je tussen <a> en </a> zet wordt dus een link.


Hoe te gebruiken?

De tag wordt als volgt gebruikt:


<a href="http://www.webmasterstart.nl">HIER</a>


In je browser zal het woordje HIER nu een link geworden zijn. Als je er op klikt gaat de browser naar www.webmasterstart.nl


Een anker maak je zo:

<a name="anker1"></a>

Zoals je ziet moet je bij een anker niet noodzakelijk iets tussen de ankertags plaatsen. Een link naar dit anker zal gewoon naar de plaats in de tekst verwijzen waar het anker (in de HTML) verstopt zit.


<a href="#anker1">Klik hier en ga naar de 
plek waar anker1 staat</a>

Let er dus op dat je een # plaatst voor de naam van het anker wanneer je er een link naar laat verwijzen.


ATTRIBUTEN

Het attribuut href="/..." ken je nu al. Hier zijn de andere mogelijke attributen :

  • title

Met dit attribuut geef je een titel aan een link.

voorbeeld:

<a href= "http://www.webmasterstart.nl" title="site voor webmasters">HIERO</a>


Als je met je muis over HIERO beweegt (zonder te klikken), zal er "site voor webmasters" verschijnen.

  • target

Dit attribuut geeft aan waar de nieuwe pagina zal verschijnen.

voorbeeld:

<a href= "http://www.webmasterstart.nl" title="site voor webmasters" target="_new">HIERO</a>


Als je met je muis op HIERO klikt, zal je naar webmasterstart.nl gaan in een nieuw browservenster. Als je geen target-attribuut gebruikt blijf je in hetzelfde venster, en moet je dus teruggaan met je BACK-knop in je browser om de vorige pagina terug te kunnen bekijken.

Andere mogelijke waarden van target="..." zijn :

  • target="_blank" : zelfde als _new
  • target="_self" : de target URL opent in hetzelfde frame waarin de link staat.
  • target="_top" : de target URL opent in het hele browservenster, en vaagt dus alle andere frames uit.
  • target="NaamVanHetFrame" : zoals gezegd bij de uitleg over frames kan je de pagina waar de link naar verwijst laten openen in een frame naar keuze. Je geeft hier dan gewoon de naam van dat frame in.

9 + 3 =
 

GOOGLE adsense