INHOUDSOVERZICHT WEB TECHNOLOGY J ANUARI
W1 – Introductie tot HTML..................................................................................................1
Startstructuur HTML………………………………………………………………………………………………………….1
HTML text formatting (h1, h2, p, ol, ul) code………………………………………………………………………3
W3 – Introductie tot CSS, selecteren & kleur……………………………………………………………………..4
W4 - Typografie, media queries en favicons……………………………………………………………………….4
W5 – Het CSS box model……………………………………………………………………………………………………4
W6 – Clean code, VH, VW, Responsive concepts………………………………………………………………..5
W7&8 – Flexbox layout………………………………………………………………………………………………………5
W9 – Semantic HTML, CSS specificiteit, componenten/cards……………………………………………..5
W10 – Positioning………………………………………………………………………………………………………………6
W12 – Transitions, Transforms, Animations……………………………………………………………………….6
1
, W1 – Introductie tot HTML (p. 1-6 schrift)
- PPT 3
- Anatomie HTML 5.1
- De paragraaf tag 6.1
- Heading tags 7.1
- De <em> & <strong> tags 8.1
- Blok & inline-elementen 9.1
- Lijsten 10.1
- Semantische HTML 11.1
- HTML startstructuur 12.1
- Links 13.1
- Afbeeldingen 14.1
- Favicons 15.1
Startstructuur HTML code
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>My test page</title>
</head>
<body>
<p>This is my page</p>
</body>
</html>
2
W1 – Introductie tot HTML..................................................................................................1
Startstructuur HTML………………………………………………………………………………………………………….1
HTML text formatting (h1, h2, p, ol, ul) code………………………………………………………………………3
W3 – Introductie tot CSS, selecteren & kleur……………………………………………………………………..4
W4 - Typografie, media queries en favicons……………………………………………………………………….4
W5 – Het CSS box model……………………………………………………………………………………………………4
W6 – Clean code, VH, VW, Responsive concepts………………………………………………………………..5
W7&8 – Flexbox layout………………………………………………………………………………………………………5
W9 – Semantic HTML, CSS specificiteit, componenten/cards……………………………………………..5
W10 – Positioning………………………………………………………………………………………………………………6
W12 – Transitions, Transforms, Animations……………………………………………………………………….6
1
, W1 – Introductie tot HTML (p. 1-6 schrift)
- PPT 3
- Anatomie HTML 5.1
- De paragraaf tag 6.1
- Heading tags 7.1
- De <em> & <strong> tags 8.1
- Blok & inline-elementen 9.1
- Lijsten 10.1
- Semantische HTML 11.1
- HTML startstructuur 12.1
- Links 13.1
- Afbeeldingen 14.1
- Favicons 15.1
Startstructuur HTML code
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>My test page</title>
</head>
<body>
<p>This is my page</p>
</body>
</html>
2