Meer informatie over het toevoegen van links

Zoals je in het boek gezien hebt, gebruik je de tag <a> om een link toe te voegen.

<a href="kom-kijken.html">Klik hier om te zien waar het volgende optreden van de Nanonauten plaats vindt!</a>

In plaats van tekst kun je ook plaatjes als link gebruiken. Dat doe je door het <img>-tag te plaatsen op de plek waar de tekst van de link staat:

<a href="kom-kijken.html"><img alt="Afbeeldingen van een concertkaartje" src="afbeeldingen/concertkaartje.png"/></a>

Je kunt met een link ook doorverwijzen naar een gedeelte van dezelfde pagina. Dat is handig als je bezoekers op en neer wil laten springen tussen verschillende delen van de site. Heb je halverwege de pagina bijvoorbeeld een stukje tekst over het onderhouden van je instrumenten, dan kan het voor bezoekers handig zijn als ze vanuit het menu direct naar dat stukje tekst kunnen springen. Kies eerst de tekst of het plaatje waar je naar wil linken en geef het als volgt een label:

<a name="instrumenten" id="instrumenten">Je instrumenten onderhouden</a>

De naam en het id-attribuut mag alles zijn wat je wil. De twee moeten echter wel hetzelfde zijn.

Vervolgens maak je de daadwerkelijke link. Dit doe je op de normale manier, maar je plakt de naam die je zojuist bedacht hebt achter de link met behulp van het hekje (#), zoals hier:

<a href="kom-kijken.html#instrumenten">Klik hier voor tips over het onderhouden van je instrumenten.</a>