Links

Een website of pagina zonder een link zou hetzelfde zijn als de zee zonder water. Het gaat er juist om, alle pagina's met elkaar te verbinden door 'hyperlinks', kortweg links. Je hebt minimaal op de portaalpagina (index.html) enkele links nodig naar de andere pagina's die jouw website vormen. Een link is een verwijzing naar een andere pagina, of plaatje, mediabestandje enz.

<a href=''voorbeeldurl">de tekst die als link moet dienen</a>

<a href="http://www.joomlacursus.be/>Gratis online Joomla! 1.5 cursus</a>

Link je naar een andere website, moet je 'http://' ervoor gebruiken. Anders denkt de browser dat het een relatieve link is en gaat het opzoek naar een pagina binnen je eigen domein die www.domeinnaam.nl heet.

Goed, je hebt een link gemaakt naar een andere website en nu ben je je bezoeker kwijt. Of hij terug komt is maar de vraag. Wil je daar iets meer invloed op uitoefenen, laat je de link openen in een nieuw venster.

<a href="http://www.joomlacursus.be/" target="_blank >wordt in nieuw venster geopend</a>

Anchors

Een link dat een bestemming in de zelfde pagina heeft, wordt een Anchor (anker) genoemd. Bijvoorbeeld onderaan een lange tekst heb je contactinformatie staan, zoals een telefoonnummer of een e-mailadres. Je kunt er aan het begin van de pagina naar verwijzen, zodat mensen het snel vinden die niet de hele tekst door willen lezen. Daarvoor moet je een 'anker' plaatsen op de plek waar naar je verwijst, dus bij de contactinformatie. Deze anker geef je een naam. Plaats je meerdere ankers op één pagina, zorg er voor dat alle ankers een unieke naam hebben. In de link er naartoe plaats je een # met de naam van het anker. Deze ankers zijn niet zichtbaar voor de bezoeker.

<p><a name="info"></a>
Voor meer informatie bel of mail naar:<br />
06-12345678<br />
Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken. </p>

Helemaal boven aan de pagina zet je dan de verwijzing

<a href="#info">Contactinformatie</a>

Linken naar een anker op een andere pagina:

Het kan voorkomen dat je naar een specifieke paragraaf wilt verwijzen op een andere pagina. Je neemt in de link de url van die pagina en plakt daar achter de naam van het anker met de '#':

<a href="http://www.mijnwebsite.nl/anderepagina.html#specifieke_paragraaf>Meer informatie vind je in onze specifieke paragraaf op de andere pagina</a>

E-mailadres

Het is af te raden om een e-mailadres op een internetpagina te zetten. Adverteerders gebruiken speciaal geschreven programma's (robots) om het web af te zoeken naar e-mailadressen om ze dan te overladen met spam. Om jezelf daarvoor te beschermen, zou je beter een contactformulier gebruiken.

Wil je toch een e-mailadres op de site hebben, gebruik in de href="/ " het 'mailto: Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken. ' commando.

<p>Neem gerust <a href="mailto: Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken. ">contact</a> met me op</p>

Wanneer de gebruiker op 'contact' klikt, opent zijn standaard e-mailprogramma.

Je kunt zelfs een onderwerp aan de te versturen e-mail meegeven door achter het e-mailadres in de href-attribuut een vraagteken te zetten '?' met daar achter het eventuele onderwerp.

<p>Neem gerust <a href="mailto: Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken. ?Vragen over de website">contact</a> met me op</p>

Samenvatting:

Tag: Omschrijving:
<a href="/url">...</a> Link
<a name="beschrijving">...</a> anchor
<a href="mailto: Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken. ">...</a> e-mail
<a href="/url" target="_blank">...</a> link opent in nieuw venster