IAV HTML les 1

IAV

Les 1
Wat is <HTML>
1 / 18
next
Slide 1: Slide
media, vormgeving en ictMiddelbare schoolvmboLeerjaar 3,4

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

Items in this lesson

IAV

Les 1
Wat is <HTML>

Slide 1 - Slide

Hyper Text Markup Language

Dit is de basis opmaaktaal voor iedere website.

Slide 2 - Slide

<HTML>
HTML staat voor Hyper Text Markup Language. 

Het is de taal waarmee webpagina's worden weergegeven.

Slide 3 - Slide

Opmaaktaal
HTML is een opmaaktaal. Door middel van HTML-instructies kunnen aan een website kleuren, afbeeldingen en hyperlinks worden toegevoegd. Deze instructies worden door middel van markeringen (tags) op de pagina aangebracht.

Slide 4 - Slide

Noem een internet browser!

Slide 5 - Open question

<TAG>
Een tag is een opdracht die door een browser kan worden geïnterpreteerd. HTML gebruikt tags om bijvoorbeeld de positie en weergave van elementen op een pagina aan te geven.

Een tag staat altijd tussen een < en een >. 
Het element staat altijd tussen een begintag en een eindtag. 
Een eindtag kan je herkennen aan / die is toegevoegd.


<begintag>element</eindtag>

Slide 6 - Slide

Weergave van HTML
HTML kan worden bekeken met een browser. Een browser is een programma dat HTML omzet in opgemaakte tekst en afbeeldingen. 

Bekende browsers zijn oa. Microsoft Internet Explorer, Firefox, Safari en Google Chrome.

Slide 7 - Slide

Voorbeeld van een tag.
Een voorbeeld van een tag:



in de browser ziet het er zo uit:

Deze woorden zijn vet en dit is onderstreept.



<b>Deze woorden zijn vet</b> en <u>dit</u> is onderstreept.

Slide 8 - Slide

<ELEMENT>
Een element is het deel dat tussen de begintag en de eindtag staat. Dit is de tekst wat zichtbaar op je website.
<p>Dit is de plek waar het element staat</p>

Slide 9 - Slide

De basis van een webpagina.
Een website begint altijd met <!DOCTYPE html> 
en daarna de tag <html>. 

Slide 10 - Slide

De basis van een webpagina.
De inhoud tussen de <head> tag is niet zichtbaar op je webpagina. Wat staat tussen de tag <title> zie je op het tabblad van je webbrowser.

Slide 11 - Slide

De basis van een webpagina.
Alles wat tussen de <body> tag staat, is te zien op je webpagina.

Slide 12 - Slide

Waaraan herken je een tag?

Slide 13 - Open question

Met welke tag begint een website?
A
<html>
B
<head>
C
<title>
D
<body>

Slide 14 - Quiz

Waaraan herken je een eindtag?
A
?
B
/
C
:
D
\

Slide 15 - Quiz

Wat zijn de enige twee tags die altijd direct onder de HTML-tag staan?
A
<head> en <html>
B
<body> en <title>
C
<head> en <title>
D
<head> en <body>

Slide 16 - Quiz

Wat wil je nog weten over HTML?

Slide 17 - Open question

Opdracht HTML

Maak de opdracht en lever in. 

Voor IAV lever je deze periode de website en de HTML opdracht in.

Succes!


Slide 18 - Slide