Webdesign - Les 1 (23/24): Introductie

• Informatica
• Middelbare school
• havo, vwo
• Leerjaar 4

Introductie HTML

Antje Roestenburg

[e-mail]

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

Hoe bekijk je een website?

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

Google Chrome.

Oke, maar hoe werkt dat dan?

In welke code schrijf
je een Webpagina?

De code

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

 

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

HTML?

HTML is de afkorting van HyperText Markup Language. 

Markup Language betekent 'opmaaktaal'.

Je kunt met HTML tekst opmaken en bijvoorbeeld afbeeldingen invoegen.

De nieuwste versie van HTML is versie 5.

Waaruit is HTML opgebouwd?

1. elementen
2. objecten
3. tags
4. tekst

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.

Voorbeeld HTML-tag

<h1>Dit is een titel</h1>

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

Opbouw van een HTML pagina

Weergave van een HTML pagina

Pagina titel

Software om te programmeren

Op de schoolcomputer:

> Start

    > Alle Programma's

       > Onderwijsmenu

           > Informatica

               > Notepad++

Let op:

Kopieer je bestanden naar je Google Drive om ze niet kwijt te raken als je de schoolcomputer uitzet.

Aan de slag:

Fundament: HTML & CSS (A2)

* lezen: hoofdstuk 1

YouTube:

* Kijk  video 1 (zie Google Classroom)