Ankers
Een verbeterde tutorial is te zien in onze HTML cursus. In onze HTML cursus wordt XHTML 1.0 uitgelegd.
1. Wat zijn ankers?
2. Hoe plaatsen?
3. Hoe linken?
a) Intern
b) Extern
4.
Hyperlinks
5. Imagemaps
1. Wat zijn ankers?
Ankers zijn objecten die je kunt plaatsen tussen tekst, waar je achteraf naar kunt linken. Bv.: klik hier om naar het anker "hoe" te gaan.
Het anker "hoe" heb ik geplaatst bij de titel "Hoe plaatsen " hieronder. Als je dus klikt op de URL wordt je naar de plaats van het anker gebracht, zonder dat je pagina vernieuwt of zo.
Let op: ankers zijn hoofdlettergevoelig!
 top
2. Hoe plaatsen?
Het plaatsen is zeer simpel. Om een anker te plaatsen gebruik je de volgende code:
top
3. Hoe linken?
a) intern
Als het anker zich op dezelfde pagina bevindt, kun je linken naar een anker op de volgende manier:
<a href="#ANKERNAAM">Ga naar anker</a> |
VERGEET DE '#' niet!
b) extern
Als het anker zich bevindt op een andere pagina, bijvoorbeeld "onzin.htm", link je op de volgende manier:
<a href="onzin.htm#ANKERNAAM">Ga naar anker</a>
<a href="http://www.sitemasters.be/onzin.htm#ANKERNAAM">Ga naar anker</a>
|
Opmerking: als je links naar een website, vermeld dan de http:// erbij!
Als je wilt linken naar sitemasters zijn:
<!-- fout-->
<a href="www.sitemasters.be">Sitemasters!</a>
<!-- juist -->
<a href="http://www.sitemasters.be">Sitemasters!</a>
|
top
4. Hyperlinks
De links naar de ankers worden 'hyperlinks' genoemd. De structuur van een hyperlink is als volgt:
<a href="pagina.ext" target="_target" title="Hier meer info">Link</a> |
Uitleg:
| Attribuut |
Uitleg |
| href |
Dit is de locatie voor de hyperlink.
vb. 'http://www.sitemasters.be', 'index.php',... of de bladwijzer, bv. #top |
| target |
Het doelwit van de link. De standaard mogelijkheden zijn:
_blank: nieuw venster
_parent: in het hogere frame dan het frame waarin de hyperlink staat. Als er geen zo'n frame is heeft dit hetzelfde effect als _self
_top: op dezelfde pagina, maar zonder frames.
_self: in hetzelfde venster/frame als de huidige pagina
framenaam: als je een frame maakt, en je geeft het als naam "blabla", dan kun je de bron van het frame veranderen door in het target de framenaam te vermelden. |
| title |
Hiermee kun je een kleine tip laten verschijnen (mouseover), zoals dit |
| Link |
Dit is het enige wat de gebruiker op het eerste zicht ziet. Omschrijf hier waar de link heen gaat. Dit moet tussen de tags. |
Dit is een algemene vorm. Er zijn nog uitgebreidere attributen zoals "acceskey", "class",...
Hier geld ook de opmerking van de ankers
5. Imagemaps
Voor meer info over Imagemaps, zie deze tutorial.
Een verbeterde tutorial is te zien in onze HTML cursus. In onze HTML cursus wordt XHTML 1.0 uitgelegd.
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
