| HyperlinksHTML gebruikt hyperlinks om naar een ander document te verwijzen op het Web en hyperlinks zijn daarmee het belangrijkste element op een webpagina.
|
De anker Tag en het Href Attribuut
Een anker kan naar elke bron op het Web linken: Een
HTML pagina, een afbeelding, een muziek bestand, een film bestand, e.t.c.
De opbouw: <a href="url">Tekst welke wordt weergegeven</a>
De <a></a> tag wordt gebruikt om een anker te maken waar vandaan gelinkt wordt, het href attribuut wordt gebruikt om het adres te specificeren waar de link naar verwijst en de tekst tussen de start en eind-tag is de zichtbare hyperlink.
Voorbeeld van een link naar EriksWeb:voorbeeld:<a href="http://www.eriksweb.nl/">Bezoek EriksWeb!</a>
Het Target Attribuut
Met het target attribuut, kan je definiëren waar het gelinkte document wordt geopend.
De onderstaande code zal het document in een nieuw browser venster openen:
voorbeeld:<a href="http://www.eriksweb.nl/" target="_blank">Bezoek EriksWeb!</a>
De anker Tag en het Name Attribuut
Het name attribuut wordt gebruikt om een naam te geven aan een anker. Als je ankers een naam geeft kan je deze gebruiken om naar een bepaald deel van een pagina te springen, zodat de gebruiker niet in een lange pagina hoeft te zoeken.
Opbouw van een benoemde anker: voorbeeld:<a name="label">Zichtbare link</a>
Het name attribuut maakt een benoemde anker. De naam kan elke tekst die je wilt bevatten.
Onderstaande code definieert een benoemde anker:
voorbeeld:<a name="tips">
Handige Tips
</a>
Merk op dat de benoemde anker er uit ziet als een gewone hyperlink.
Om direct naar de tips te linken, voeg je een # teken en de naam van de anker aan het eind van de URL toe, zoals:
voorbeeld:<a href="http://www.eriksweb.nl/tips.php#tips">
Handige Tips
</a>
Een hyperlink vanuit de zelfde pagina (springen binnen een pagina) ziet er zo uit:
voorbeeld:<a href="#tips">
Handige Tips
</a>
