Links leggen in HTML
Een webpagina en website zit boordevol links...
Je weet dat de meeste webpagina's heel wat linksbevatten. Als je als bezoeker op zo'n link klikt, navigeer je naar andere pagina's op dezelfde website, of naar andere websites. Je kan een link bovendien ook laten "openen" in een ander tabblad. Je kan ook linken naar een ander stukje binnen dezelfde webpagina. Zo'n link noemen we een interne link. Zulke links worden vaak gebruikt op "one page designs", dit zijn websites die al hun informatie op één enkele pagina tonen.
Naast links naar andere webpagina's of websites, kan je ook links leggen naar een e-mailadresof telefoonnummer, of naar een PDF of ZIP-bestanddat je kan downloaden.
Maar webpagina's kunnen ook andere inhouden linken. Als je in een webpagina bijvoorbeeld een YouTube- of VIMEO-film ziet, dan staat die film niet echt "in de pagina". De film is in dat geval "gelinkt'. De film is INGESLOTENin de webpagina. Ook een Google Maps-kaart is een voorbeeld van zo'n ingesloten link.
Ook afbeeldingendie je op een webpagina ziet, zitten niet echt "in het document". Afbeeldingen zijn opgenomen als een link. Je kan bijvoorbeeld op je eigen webpagina een foto weergeven die ergens anders op het internet staat. Hierover leer je meer in de les over "afbeeldingen".
Links leggen in HTML
Hoe maak je meerdere webpagina's en hoe link je die aan elkaar? Hoe leg je een telefoon- of een e-maillink?
Soorten links
In het filmpje kan je zien hoe je verschillende webpagina linkt aan elkaar, hoe je een telefoonlink en een e-maillink maakt. Met links kan je nog een heleboel andere kanten uit.
1. Een link leggen in HTML:
<a>Google</a>
a= anchor
2. Waar moet de link naartoe gaan?
<a href="http://www.google.be">Google</a>
3. Openen in een nieuw venster?
<a href="http://www.google.be" target="_blank">Google</a>
4. Link naar een andere pagina op uw site?
<a href="naamvandepagina.html">Contact</a>
5. Link naar een PDF of een ander bestand:
<a href="presentatie.pdf" target="_blank">Download PDF</a>
(pdf-bestand moet dan ook op uw site staan!)
6. Link naar een ZIP-bestand:
<a href="les.zip">Download ZIP</a>
(ZIP-bestand moet dan ook op uw site staan)
Stel dat alle bestanden in de map zip staan:
<a href="zip/les.zip">Download ZIP</a>
7. Een telefoonlink:
<a href="tel:+32490343344">Telefoneer 0490 34 33 44</a>
8. Een SMS-link:
<a href="sms:+32490343344">Sms naar 0490 34 33 44</a>
Een telefoon- of SMS-link werkt uiteraard enkel in de browser van je smartphone.
9. E-mail:
<a href="mailto:info@blabla.be">info@blabla.be</a>
OPGELET
Zichtbare e-maillinks op een website kan je beter vermijden. Spambots zoeken in de HTML-code van webpagina's naar e-mailadressen en bewaren die in databanken die nadien voor veel geld verkocht worden aan bedrijven die de adressenlijsten gebruiken om je te spammen. Wil je toch een mail sturen via de website, kan je beter een verzendformulier bouwen. Dat is echter niet zo makkelijk voor een beginnend webmaster.