HTML 2: Hyperlinks

Hyperlinks of kortweg links stellen je instaat om de bezoeker van de ene naar de andere pagina te leiden. Je kunt op verschillende manieren naar andere pagina's linken. Zo kun je bijvoorbeeld pagina's in een nieuw venster laten openen of zorgen dat een venster openen om een e-mail te sturen. Ook bestaat er zo iets als inpage links. Normaal gezien leidt elke link je naar een andere pagina maar je kunt ze ook naar andere delen (een stuk lager) van je pagina leiden. Om links te maken gebruik je de html tag genaamd A.
Linken naar een andere pagina in jouw website

Nu zal een tekst Pagina 2 verschijnen met hieronder een lijntje (default). Klik je hierop ga je naar pagina2.html in dezelfde directory. Staat deze in een andere directory wordt dit dir/pagina2.html . Je ziet ook dat ik het attribuut title in de tag plaatste. Dit is niet nodig maar het is goed voor de SEO, hierin plaats je een korte beschrijving van de link. Stel nu dat de pagina die nu open is zich in de directory dir bevindt en je wilt linken naar een pagina in de hoofddir (bovenliggende directory) kun je of wel het hele domein typen ofwel.


Het volgende voorbeeld geeft aan hoe je naar een pagina linkt die in een nieuw venster moet openen.

Link in een nieuw venster

Let op de vreemde schrijfwijze van dit attribuut target="_blank". Dit attribuut kan tevens de volgende waarde bevatten:
_blank: openen in een nieuw venster
_parent: in het hogere frame.
_top: op dezelfde pagina.
_self: in hetzelfde venster als de huidige pagina
Je kan ook de framenaam vermelden dan zal die frame de gewenste pagina laden.

Links in de pagina zelf

Links in de pagina zelf zijn handig als je bijvoorbeeld een hele lange tekst hebt en je wilt met be hulp van een link direct helemaal naar boven in het document.

Je toont dus aan dat je naar de plaats waar NAAM staat moet navigeren door een # te plaatsen in het href attribuut.

Mail to links

Als je op deze link klikt zal dafault outlook openen om een e-mail te sturen aan in het voorbeeld naam@website.be. Tegenwoordig kun je ook al het onderwerp enz toevoegen.