Linken binnen een pagina

Info 
Door: pinkyboy Moeilijkheidsgraad: 1/3
Views:18.818Reacties: 3(Bekijken)
  Log in om zelf te reageren
 Waardering:7.5/10 (2 stemmen)



Stel je voor dat je een boek (of een grote tut) aan het schrijven bent, en je wil dit publiceren op een website.
Bij elk hoofdstuk zet je een kop en helemaal boven een inhoudstafel met daarin alle koppen.Nu zou het natuurlijk handig zijn dat je gewoon kan klikken op de kop in de inhoudstafel om naar de desbetreffende kop op de pagina te gaan.
Smile,want dat is simpel :D

We doen het zo:

#Code
1
<h2><a name="kop1">kop1</a></h2>

We maken van de kop dus een anchor en geven hem een naam, waar we dan in een link kunnen naar verwijzen,dat doen we dan zo:
#Code
1
<a href="#kop1">naar kop 1</a>


Als je op de link klikt, ga je automatisch naar de plaats op de pagina waar kop1 staat.

voorbeeld1: dhost.info/mbook/tuts/pagelink1.htm

Nu zou het handig moest je kunnen terugkeren naar de inhoudstafel door op de kop te klikken.
Dat doen we simpelweg door de link een name te geven,en de kop een href:
#Code
1
<a href="#kop1" name="link1">naar kop 1</a>

en
#Code
1
<h2><a name="kop1" href="#link1">kop1</a></h2>


Dit is al heel handig,maar wat als je vanaf een andere pagina wil linken naar een bepaald hoofdstuk?
Dan passen we gewoon de url aan, i.p.v. dhost.info/mbook/tuts/pagelink2.htm gebruiken we dan dhost.info/mbook/tuts/pagelink2.htm#kop1

Zo,dat was het.
voor vragen kan je altijd op het forum terecht.
Veel succes!

3 reacties
Matski Geplaatst op 10-12-2008 om 18:08
 

Regular
mijn link opend niet
wat moet ik doen
BRUL Geplaatst op 07-11-2008 om 19:17
 

Regular
Voor een kop kun je ook het volgende gebruiken;
<h2 id="kop1">kop1</h2>
Zain Geplaatst op 03-07-2005 om 23:11
Avatar van Zain

Regular
so thats all there is to it.. thnx ^^

Pagina 1 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder