|
Links zijn, zoals eerder gezegd, verwijzingen naar andere pagina's binnen dezelfde website of naar een andere site. Als een bezoeker op een link klikt, verschijnt een nieuwe pagina in het venster of in een nieuw venster.
In ons voorbeeld hebben we tot nu toe maar één pagina, index.html. Maar je hebt inmiddels wel de kennis om zelf een nieuwe pagina te maken. Zet er tekst op of foto's of allebei en sla de pagina op in dezelfde map als index.html, dus c:/www. Laten we even uitgaan van een pagina met foto's met de naam foto.html.
De <a href> tag
We willen nu een link plaatsen op de pagina index.html om de pagina foto.html te kunnen bekijken. Dat doen we met de volgende tag:
<a href="foto.html">...</a>
De tekst die je op de plaats van de puntjes zet wordt weergegeven als actieve link op het scherm. Natuurlijk hoeft het niet persé tekst te zijn, maar kun je ook van bijvoorbeeld een afbeelding een link maken. Plaats dan de <img> tag op de plaats van de puntjes.
Met de bovenstaande tag wordt de nieuwe pagina geopend in hetzelfde venster. Als je een link wilt maken naar een andere website, is het handiger om die in een nieuw venster te laten openen, zodat jouw site ook nog geopend blijft. Om dat te doen voeg je wat code toe aan je tag:
Klik <a href="http://www.webhtml.nl" target="_blank">hier</a> voor WebHTML.nl
Als je een link maakt naar een andere site, zet dan altijd het http://-prefix voor het adres, dan herkent de browser het adres als een andere site. Bovenstaande link ziet er in de browser zo uit:
Klik hier voor WebHTML.nl
In het voorbeeld hebben we een link naar een fotopagina (foto.html) en een link naar een pagina met reisverhalen (verhalen.html). Neem de links op in je HTML structuur:
<html>
<head>
<title>Mijn Homepage</title>
</head>
<body bgcolor="#FF0000" text="#000000">
<font face="tahoma" size="3">
<p><b>Welkom op mijn website!</b></p>
<p>Hallo, mijn naam is <u>Bert</u>. Leuk dat je een bezoek brengt aan mijn site. Ik heb hier een aantal reisverhalen en foto's van mijzelf geplaatst. Ook vind je een pagina met <i>links</i> naar sites van reisgenoten van me.</p>
<p>Je kunt de <b>foto's en verhalen</b> bekijken door hieronder op de links te klikken.</p>
<p><a href="foto.html">Foto's</a><br>
<a href="verhalen.html">Verhalen</a></p>
<p>Veel plezier!</p>
<p>Groeten,<br>
Bert</p>
<p><center><img src="jpg/bert.jpg" width="250" height="250" border="1" alt="Bert"></center></p>
</font>
</body>
</html>
Als je deze HTML-structuur in je document zet en opslaat, krijg je, als je je pagina met je browser bekijkt, het volgende resultaat:
.jpg)
Links naar andere bestanden
Behalve links naar andere html-pagina's en sites kun je de <a href> tag natuurlijk ook gebruiken om bezoekers een bestand te laten downloaden. Een filmpje op avi-formaat bijvoorbeeld kun je bezoekers als volgt laten downloaden:
Klik <a href="filmpje.avi">hier</a> om mijn filmpje te downloaden
...en deze tag ziet er dan zo uit:
Klik hier om mijn filmpje te downloaden
Net als met een avi-bestandje kun je naar alle bestanden linken met de <a href> tag.
Okee, door naar stap 7 van 7
1
2
3
4
5
6
7
| top |
| 
