Yuverta

HTML les 4

1 / 14

Slide 1: Tekstslide

ICTMiddelbare schoolvmbo b, k, gLeerjaar 1,2

In deze les zitten 14 slides, met interactieve quizzen en tekstslides.

Lesduur is: 30 min

Onderdelen in deze les

Slide 1 - Tekstslide

Links

Interne links

Externe links

Anker links

Slide 2 - Tekstslide

Interne links

Link die verwijst naar een pagina binnen de website.

<a> tag

href attribuut

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

Slide 3 - Tekstslide

Relatieve interne links

./ = bestand staat in dezelfde map

../ = bestand staat in bovenstaande map

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

Slide 4 - Tekstslide

Externe links

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

Slide 5 - Tekstslide

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>

Slide 6 - Tekstslide

Opties target attribuut

Target

_blank

_top

Uitleg

Opent de link in een nieuw tabblad

Opent de link het huidige tabblad

Slide 7 - Tekstslide

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

Slide 8 - Tekstslide

Opdracht

Maak de opdracht van les 5

Slide 9 - Tekstslide

www.w3schools.com

Slide 10 - Link

Welke drie soorten linken zijn er?

Slide 11 - Open vraag

Welke tag en attribuut gebruik je voor een link?

Slide 12 - Open vraag

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

../

../../

Slide 13 - Quizvraag

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