HTML

..en een beetje css

1 / 13

Slide 1: Slide

InformaticaMiddelbare schoolvwoLeerjaar 4

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

Items in this lesson

HTML

..en een beetje css

Slide 1 - Slide

This item has no instructions

Komende lessen

Leren om een website te bouwen!
Html <html/>
Css { color:red }
Javascript function Doe_iets()

Slide 2 - Slide

This item has no instructions

Lesdoelen

Je kan een html bestand maken met titel, header en paragraaf
Dat ziet er nog niet uit, maar je weet waarom

Slide 3 - Slide

This item has no instructions

Wie heeft er al eens iets geprogrammeerd?

Ik!

Ik niet!

Ik een beetje!

Slide 4 - Quiz

This item has no instructions

Slide 5 - Slide

This item has no instructions

Basis van een website

<HTML>

tekst

</HTML>

.CSS {

opmaak

}

Javascript(){

gedrag;

}

Slide 6 - Slide

This item has no instructions

Slide 7 - Slide

This item has no instructions

Slide 8 - Slide

This item has no instructions

HTML Elementen

<h1> is een header
<p> is een paragraaf
<img> is een image
<a> is een anchor
<ul> is en unordered list
<li> us een listitem
enz.. enz..

HTML 5 Cheatsheet

https://websitesetup.org/wp-content/uploads/2014/09/html5-cheat-sheet.png

Slide 9 - Slide

This item has no instructions

Semantiek

Semantiek of betekenisleer is een wetenschap die zich bezighoudt met de betekenis van symbolen, waarbij het in het bijzonder de bouwstenen van natuurlijke talen die voor de communicatie dienen ofwel woorden en zinnen betreft.

Slide 10 - Slide

This item has no instructions

Slide 11 - Slide

* zoekmachine!

* makkelijker te stylen

* logische opbouw is belangrijk voor b.v. screenreaders

Aan de slag

Aan de slag met htmldog. Opdracht staat in classroom
De editor die je gebruikt is Notepad++

http://htmldog.com/guides/html/beginner/

Notepad++

Op jullie commputers staat Notepad++. Dit is de editor die we gaan gebruiken. Deze kan je vinden in de informatica map.

Gebruik je je eigenlijk laptop? Of wil je thuis werken? Dan kan je hier notepad++ downloaden: https://notepad-plus-plus.org/

Slide 12 - Slide

This item has no instructions

Wat kon er beter aan deze les?

Slide 13 - Open question

This item has no instructions

HTML

Items in this lesson

Slide 1 - Slide

Slide 2 - Slide

Slide 3 - Slide

Slide 4 - Quiz

Slide 5 - Slide

Slide 6 - Slide

Slide 7 - Slide

Slide 8 - Slide

Slide 9 - Slide

Slide 10 - Slide

Slide 11 - Slide

Slide 12 - Slide

Slide 13 - Open question

More lessons like this

Html en Css - les 1

ICT Website: eerst HTML en CSS

HTML5, CSS3 en JS QUiZ

HTML5, CSS3 en JS QUiZ

HTML5, CSS3 en JS QUiZ

CSS en de chrome devtools

CSS - selectors

Html en Css - les 2