Behalve dat het mogelijk is om naar andere documenten te linken kan het ook nuttig zijn om links aan te brengen binnen in één groot HTML-document.

Linken naar een specifieke plaats binnen een pagina

Stel dat we een boekje schrijven van vijftig pagina's over het internet en dat dit boekje bestaat uit vijf hoofdstukken: HTML, IRC, Browsers, WWW en CGI.

Als al deze inhoud nu in één lange HTML-pagina wordt gegoten, dan kunnen we onmogelijk van de lezer verwachten dat hij dertig pagina's gaat scrollen om bij het hoofdstuk WWW te komen. Daarom gaan we het de lezer van ons document makkelijk maken door in een inhoudsopgave bovenaan de pagina direct de nodige links te leggen naar de afzonderlijk hoofdstukken.

Bij elk hoofdstuk of bij elk deel van een hoofdstuk voorzien we dan ook een link terug naar de inhoudsopgave. Op die manier wordt het mogelijk om makkelijk te navigeren binnen een en het zelfde groot bestand.

Een link naar een specifieke plaats binnen een document leggen gebeurt ook gewoon met de A-tag en het href-attribuut. Alleen leggen we nu binnen het document extra ankers om naartoe te kunnen springen.

Ankers maken binnen een pagina

We maken bijvoorbeeld van elke titel van een hoofdstuk een anker door er de A-tags rond te plaatsen. Wanneer we nu het href-attribuut achterwege laten, zal die titel niet veranderen in een link. Vervolgens geven we het anker een specifieke naam, zodat we er naar kunnen verwijzen vanuit de inhoudsopgave.

Een naam geven aan een anker doen we met het volgende attribuut:

Het anker rond de titel komt er komt er dus zo uit te zien:

Tussen de aanhalingstekens kunnen we een willekeurige naam of getal invullen. Kies bij voorkeur een logische naam die verwijst naar het onderwerp. Gebruik een korte naam en gebruik geen spaties.

Linken naar de Ankers

We hebben nu een naam waarnaar we kunnen verwijzen met het href-attribuut. In de inhoudsopgave plaatsen we de volgende regel:

Let er bij het linken binnen een document op dat voorafgaand aan de naam een

wordt gebruikt. Eender welke link in de pagina die naar href="#www" verwijst zal er voor zorgen dat je meteen naar dit anker met naam www zal springen. Daarom moeten de namen van de ankers bij de hoofdstukken dus ook uniek zijn, om onderscheid te maken tussen de verschillende plaatsen waar je naartoe kan springen.

En weer terug

Een link maken om de lezer snel naar het gewenste hoofdstuk te brengen is handig. Maar het kan nog handiger worden als we er voor zorgen dat die lezer dus ook weer snel terug kan keren naar de inhoudsopgave.

Om dat te kunnen realiseren geven we ook aan de inhoudsopgave zelf een naam met het name-attribuut. Bijvoorbeeld:

En als we dan vervolgens onder iedere pagina, paragraaf of hoofdstuk de volgende regel plaatsen, is de lezer pas echt geholpen :

Opmerking: Je kan ook rechtstreeks naar een anker binnen een pagina in een andere map of op een andere locatie op het internet verwijzen, maar je moet dan wel weer het volledige pad opgeven, bijvoorbeeld:

Het volgende gedeelte van de cursus is Afbeeldingen in HTML

Hier leer je tekeningen, foto's e.d. toevoegen.