|
Links
Deze les gaat over het maken van links. Bij het maken van links is
de enigste code die je zult moeten weten deze:
<a href="url">tekst voor het openen
van de link</a>
Voorbeeld:
| Linken naar een andere website: |
<a href="http://www.hotmail.com/">Hotmail</a> |
Hotmail |
| Linken naar een pagina op je eigen website: |
<a href="links.php">Links</a> |
Links |
Nu is het enigste probleem dat als er nu iemand klikt op de link naar
Hotmail dat hij dan meteen jouw pagina verlaat en dus misschien niet
terug komt. Dit is zeker de bedoeling niet
dus we gaan de links openen in een nieuw venster.
Deze mogelijkheden zijn er om een link anders te laten openen:
| Target: (Doel) |
Voorbeeld code: |
Voorbeeld link: |
| _blank |
<a href="http://www.hotmail.com/"
target="_blank" >Hotmail</a> |
Hotmail |
| _parent |
<a href="http://www.hotmail.com/"
target="_parent" >Hotmail</a> |
Hotmail |
| _self |
<a href="http://www.hotmail.com/"
target="_self" >Hotmail</a> |
Hotmail |
| _top |
<a href="http://www.hotmail.com/"
target="_top" >Hotmail</a> |
Hotmail |
Uitleg linkdoeleinden:
- _blank
De link wordt in een nieuw venster geopend.
- _parent
Pagina verschijnt in dezelfde frameset vanwaar het actieve document
is aangeroepen. Er zijn hier geen frames dus vandaar dat _parent het
niet doet bij het voorbeeld.
- _self
De pagina verschijnt in het frame zelf. Hoef je niet in te voeren
want dit is standaard bij frames!
- _top
Pagina verschijnt in de browser (De frames verdwijnen.)
Zoals je ziet heb je de meeste alleen maar nodig bij het gebruik van
frames. Gebruik je geen frames dan zou ik alles in een nieuw venster
laten openen. Dat kan zeer makkelijk door deze code in de head van je
document te zetten:
<base target="_blank">
Dit kan tevens met andere targets.
Je kunt een hyperlink ook laten openen in een popup. Zie hiervoor popups.
Er kan ook voor gezorgd worden dat een geopende link meteen naar een
speciale plek op de net geopende pagina gaat, zie hiervoor Navigeren.
Tip:
Voor het invoeren van links aan een map gebruik dan een slash (/) op
het einde van je link. Als je deze map linkt: "/html" dan
gaat de server 2 keer bezig! De eerste keer zet hij er zelf de slash
achter en de tweede keer opent hij de pagina pas! Dus link dit: "/html/"
|