login  Naam:   Wachtwoord: 
Registreer je!
 Tutorials

Tutorials > HTML


Gegevens:
Geschreven door:
Maarten
Moeilijkheidsgraad:
Gemakkelijk
Hits:
64998
Punten:
Aantal punten:
 (2.77)
Aantal stemmen:
13
Stem:
Niet ingelogd
Nota's:
 Lees de nota's (9)
 

Tutorial:

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:

<a name="ANKERNAAM"></a>

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.




« Vorige tutorial : Afbeeldingen Volgende tutorial : Lijsten »

© 2002-2022 Sitemasters.be - Regels - Laadtijd: 0.022s