Yuverta

HTML les 4

1 / 14

Slide 1: Slide

ICTMiddelbare schoolvmbo b, k, gLeerjaar 1,2

This lesson contains 14 slides, with interactive quizzes and text slides.

Lesson duration is: 30 min

Items in this lesson

Slide 1 - Slide

Links

Interne links

Externe links

Anker links

Slide 2 - Slide

Interne links

Link die verwijst naar een pagina binnen de website.

<a> tag

href attribuut

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

Slide 3 - Slide

Relatieve interne links

./ = bestand staat in dezelfde map

../ = bestand staat in bovenstaande map

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

Slide 4 - Slide

Externe links

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

Slide 5 - Slide

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 - Slide

Opties target attribuut

Target

_blank

_top

Uitleg

Opent de link in een nieuw tabblad

Opent de link het huidige tabblad

Slide 7 - Slide

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 - Slide

Opdracht

Maak de opdracht van les 5

Slide 9 - Slide

www.w3schools.com

Slide 10 - Link

Welke drie soorten linken zijn er?

Slide 11 - Open question

Welke tag en attribuut gebruik je voor een link?

Slide 12 - Open question

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

../

../../

Slide 13 - Quiz

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