Verwijzingen

Iets wat op een internetsite absoluut niet mag ontbreken zijn de verwijzingen naar de andere pagina's. Ook wel hyperlinks genoemd.
Zonder verwijzingen zou het extreem lastig worden om lekker te kunnen browsen.
Verwijzingen werken met de code:

      <a href="doel">tekst/plaatje van de verwijzing</a>

Stel u wilt een link van c:\website\home\huidig.html naar c:\website\info\doel.html
Dat kan op twee manieren:

      Absoluut: <a href="c:\website\info\doel.html">tekst</a>
      Relatief: <a href="../info/doel.html">tekst</a>

Mijn advies is om alles relatief te linken, als je dan je page op internet zet hoef je niet eerst alle links aan te passen.

Verwijzingen naar ander document

Een voorbeeld:

<html>
<head>
<title>Verwijzing naar ander document</title>
</head>
<body>
<p>
Verwijzing met tekst:<br>
Klik <a href="http://come.to/bedrijfswiskunde">hier</a>
om naar de homepage van Bedrijfswiskunde te gaan.<br>
</p>
<p>
Verwijzing met plaatje:<br>
<a href="http://www.hsholland.nl"><img src="images/hsholland.gif"></a>
</p>
</body>
</html>

Klik hier om te zien hoe het voorbeeld er uit zal zien.

Verwijzingen naar een bepaald punt in een document

Soms wil je verwijzen naar een bepaald punt in een document
Dit kan door een anker aan te brengen op het punt dat je boven in beeld wilt hebben staan.
Een anker maak je met:

<a name="naam_van_anker">Tekst</a>

De verwijzing wordt dan:

<a href="bestand.html#naam_van_anker">tekst</a>

Als het bestand hetzelfde is als waar de link komt te staan kun je bestand.html weglaten.
Een voorbeeld:

<html>
<head>
<title>Verwijzingen binnen een document</title>
</head>
<body>
<p>
<a name="top">Dit is de eerste regel</a><br>
<a href="#onder">Ga naar beneden</a><br>
Wat regels ertussen.....<br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#top">Ga naar boven</a><br>
<a name="onder">Dit is de onderste regel</a>
</p>
</body>
</html>

Klik hier om te zien hoe het voorbeeld er uit zal zien.

Verwijzingen naar een e-mail adres

Verwijzen naar een e-mail adres gaat op de volgende manier:

<a href="mailto:email-adres">tekst</a>

Een voorbeeld:

<html>
<head>
<title>Verwijzing naar een e-mail adres</title>
</head>
<body>
<p>
Verwijzing naar e-mail adres:<br>
Klik <a href="mailto:[email protected]">hier</a> om HTML-hulp te mailen<br>
</p>
</body>
</html>

Klik hier om te zien hoe het voorbeeld er uit zal zien.