HTML les 4

• ICT
• Middelbare school
• vmbo b, k, g
• Leerjaar 1,2

Links

Interne links

Externe links

Anker links

Interne links

Link die verwijst naar een pagina binnen de website.

<a> tag

href attribuut

<a href="contact.html">Contact</a>

Relatieve interne links

./ = bestand staat in dezelfde map

../ = bestand staat in bovenstaande map

../../../ = bestand staat drie nivea's hoger

Externe links

<a href="http://www.aap.nl/contact.html">Neem contact op met Stichting Aap</html>

Link doel

Standaard in hetzelfde tabblad.

target attribuut

<a href="http//:www.aap.nl/contact.html" target= "_blank"> Stichting Aap in een nieuw tabblad </a>

Opties target attribuut

Target

_blank

_top

Uitleg

Opent de link in een nieuw tabblad

Opent de link het huidige tabblad

Anker

klikbare stukken tekst of afbeelding waarmee je naar een specifieke plaats in hetzelfde document gaat.

<id="Eerstealinea">

<a href="#Eerstealinea">Naar de eerste alinea</a>

Let op # voor anker

Opdracht

Maak de opdracht van les 5

www.w3schools.com

Welke drie soorten linken zijn er?

Welke tag en attribuut gebruik je voor een link?

Op welke manier geef je in een interne link aan dat een pagina in een bovenliggende map zit?

1. ./
2. ../
3. ../../
4. /

Hoe geef je in een link aan dat een webpagina in een ander tabblad geopend moet worden?

1. _top
2. _parent
3. _self
4. _blank