Les 4 | HTML 1

Introductie HTML
1 / 22
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

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

time-iconLesduur is: 30 min

Onderdelen in deze les

Introductie HTML

Slide 1 - Tekstslide

Wat is een website?

Slide 2 - Woordweb

Wat is een website?
Een website bestaat uit pagina's met tekst en afbeeldingen die aan elkaar gelinkt zijn, zoals de website www.nu.nl

Slide 3 - Tekstslide

Hoe bekijk je een website?

Een website kan je bekijken met behulp van een internetbrowser, zoals  
Google Chrome.

Slide 4 - Tekstslide

Oke, maar hoe werkt dat dan?

Slide 5 - Tekstslide

Wat is een website?
Een website bestaat uit pagina's met tekst en afbeeldingen die aan elkaar gelinkt zijn, zoals de website www.nu.nl

Slide 6 - Tekstslide

De code
Hoe weet een internetbrowser nu precies hoe een website moet worden weergegeven?
 

Een webbrowser kan HTML-code omzetten naar een leesbare webpagina.

Slide 7 - Tekstslide

Opbouw van HTML
Bij HTML wordt gebruik gemaakt van zogenaamde tags.


De tags geven aan wat voor soort informatie er moet worden weergegeven, zoals normale tekst, titel, paragraaf, afbeelding, opsomming, tabel, video, etc.

Slide 8 - Tekstslide

Voorbeeld HTML-tag

<h1>Dit is een titel</h1>

De <h1> tag geeft aan dat de tekst die volgt als kop1 moet worden weergeveven. 

Slide 9 - Tekstslide

HTML en CSS
CSS koppelt de structuur en inhoud uit de HTML aan een stijl en opmaak:
  • Kleuren
  • Lettertypes
  • Achtergronden
  • Marges
  • Etc


Slide 10 - Tekstslide

HTML en CSS
<b> ... </b>      vetgedrukte tekst
<p> ... </p>      alinea
<br> ... </br>   nieuwe regel
<i> ... </i>         schuingedrukte tekst




Slide 11 - Tekstslide

HTML
titel van de pagina

inhoud van de pagina
<head> ... </head>
 
<body ... </body>

Slide 12 - Tekstslide

HTML
vetgedrukte tekst

alinea

nieuwe regel

schuingedrukte tekst
<b> ... </b> 

<p> ... </p> 

<br> ... </br> 

<i> ... </i> 

Slide 13 - Tekstslide

Opbouw van een HTML pagina

Slide 14 - Tekstslide

Weergave van een HTML pagina

Slide 15 - Tekstslide

Pagina titel

Slide 16 - Tekstslide

Slide 17 - Tekstslide

Slide 18 - Tekstslide

timer
0:30
In welke code schrijf
je een Webpagina?

Slide 19 - Woordweb

Waaruit is HTML opgebouwd?
timer
0:30
A
elementen
B
objecten
C
tags
D
tekst

Slide 20 - Quizvraag

Software om te programmeren

Slide 21 - Tekstslide

Aan de slag:

Kijk t/m video 3 
Maak t/m opdracht 9
(zie Google Classroom)

Slide 22 - Tekstslide