HTML cursus voor beginners #2 – Links maken



In de eerdere cursus HTML cursus voor beginners heb je al kennis kunnen maken met enkele handige html codes om je tekst er aantrekkelijker uit te laten zien.

Deze html cursus gaat ook over redelijk eenvoudige html codes, namelijk:
* een link maken
* een email link maken

1. Een link maken

Misschien wel de meest gebruikte HTML code is die voor het maken van een link. Een link maakt het mogelijk dat pagina´s aan elkaar koppelt en zelfs dat het wereld wijde web uberhaupt kan bestaan. Je kunt linken naar een pagina van je eigen domein (interne link) of naar een andere pagina (externe link). Beide werken op dezelfde manier, namelijk door middel van de code <a> of eigenlijk <a href=”……..”>. Je sluit wel af met </a>.

voorbeeld1: stel je wilt linken naar het domein www.bouwenwebsite.com. Dat typ je dit in HTML:

<a href=”http://www.bouwenwebsite.com”>link naar bouwenwebsite.com</a>

resultaat:

link naar bouwenwebsite.com

Op het zwarte gedeelte kun je van alles invullen, dus ook bijvoorbeeld: klik hier

<a href=”http://www.bouwenwebsite.com”>klik hier</a>

resultaat:

klik hier

Let wel op dat je de code exact invult als in het blauwe gedeelte, want anders werkt de code niet. Wil je link laten openen in een nieuw venster, voeg dan de code target=”_blank” op:

<a href=”http://www.bouwenwebsite.com” target=”_blank”>link naar bouwenwebsite.com</a>

resultaat:

link naar bouwenwebsite.com

2. Een email link maken

Een email link werkt op dezelfde basis als een gewone link. Het begint namelijk ook met <a href=”……..”>. Het http:// is vervangen door mailto:

<a href=”mailto:emailadres@bouwenwebsite.com”>emailadres@bouwenwebsite.com</a>

resultaat:
emailadres@bouwenwebsite.com

Ook hier geldt dat je na <a href=”……..”> iedere tekst kunt plaatsen die je wilt. Bijvoorbeeld:

<a href=”mailto:emailadres@bouwenwebsite.com”>klik hier om me te mailen</a>

resultaat:
klik hier om me te mailen

(dit is een niet bestaand emailadres)

Om spamberichten te voorkomen kun je het beste een mailformulier integreren op je website, hier zijn plugins voor, bijvoorbeeld: Grunion Contact Form of Fast Secure Contact Form.

Gevaar van email links

Door op deze manier email links aan te maken loop je het gevaar dat het emailadres wordt opgepikt door spammers. Spammers hebben programma´s die het web rondsurfen en daarmee automatisch email links verzamelen. Vervolgens worden massa´s  reclame emails verstuurd naar deze adressen waar je niet op zit te wachten. Natuurlijk wil je graag communiceren met de lezers van je website. Daarom raden we het blog principe aan. Met een blog kunnen lezers onderaan iedere pagina een reactie achter laten.

Er is nog een vervolg op deze html cursu: Ga naar “HTML cursus voor beginners #3: Afbeeldingen”

2 Reacties

  1. de functie mailto werkt enkel indien de bezoeker ms outlook of een dergelijk emailprogramma op zijn computer heeft staan, vandaar dat het beter is om met een formulier te werken…

Laat een reactie achter

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

De volgende HTML-tags en -attributen zijn toegestaan: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>