![Page 1: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/1.jpg)
HTMLHTMLHTMLHTML
UITLEG & CURSUS
![Page 2: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/2.jpg)
Inleiding
HTML: Hyper Text Mark-up Language
![Page 3: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/3.jpg)
Stap 1
<html>
</html>
![Page 4: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/4.jpg)
Stap 2
<html>
<head>
</head>
</html>
![Page 5: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/5.jpg)
Stap 3
<html>
<head>
<title></title>
</head>
</html>
![Page 6: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/6.jpg)
Stap 4
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
![Page 7: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/7.jpg)
En als laatste nog…
<html>
<head>
<title>HTML Cursus</title>
</head>
<body>
</body>
</html>
![Page 8: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/8.jpg)
En dan nu kunnen we de site gaan opbouwen…
![Page 9: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/9.jpg)
Om te tekst te typen hebben we alleen de <body> tags
nodig
<body>
</body>
![Page 10: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/10.jpg)
We voegen de tekst tussen de tags in
<body>blablablablablablablablablablabla
</body>
![Page 11: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/11.jpg)
Nu ziet het er op de webpage zo uit…
blablablablablablablablablablabla
![Page 12: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/12.jpg)
Eerst maken we de tekst wat groter…
<body><font size=4>
blablablablablablablablablablabla
</font>
</body>
![Page 13: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/13.jpg)
Nu ziet het er op de webpage zo uit…
blablablablablablablablablablabla
![Page 14: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/14.jpg)
Zo kun je zelfs een
rollercoaster maken...<FONT SIZE=1>r</FONT><FONT SIZE=2>o</FONT><FONT SIZE=3>l</FONT><FONT SIZE=4>l</FONT><FONT SIZE=5>e</FONT><FONT SIZE=6>r</FONT><FONT SIZE=7>c</FONT><FONT SIZE=6>o</FONT><FONT SIZE=5>a</FONT><FONT SIZE=4>s</FONT><FONT SIZE=3>t</FONT><FONT SIZE=2>e</FONT><FONT SIZE=1>r</FONT>
![Page 15: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/15.jpg)
Dat ziet er zo uit
rollercoaster
![Page 16: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/16.jpg)
Lettertype veranderen
<body>
<font face=“Lettertype”>
blablablablablablablablablablabla
</font>
</body>
![Page 17: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/17.jpg)
Bijvoorbeeld
<font face=“Lucida Sans”>
blablablablablablablablablablabla
![Page 18: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/18.jpg)
We geven een beetje kleur aan de tekst…
<body>
blablablablablablablablablablabla
</body>
<font color=“code”>
</font color>
![Page 19: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/19.jpg)
Een paar voorbeelden
Rood= #FF0000
Zwart= #000000
Wit= #FFFFFF
Geel= #FFFF00
Blauw= #0000A0
Groen= #00FF00
<font color=“code”>
![Page 20: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/20.jpg)
En dit is hoe het er met kleur uitziet
blablablablablablablablablablabla
<font color=“#0000A0”>
![Page 21: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/21.jpg)
Afbeeldingen Invoegen
<body>
<img src=“Locatie”>
<body>
![Page 22: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/22.jpg)
Bijvoorbeeld
<img src=“C:\Temp\spiral.gif”>
![Page 23: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/23.jpg)
Achtergrond
<body>
<body background=“Locatie Achtergrond">
</body>
![Page 24: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/24.jpg)
En zo ziet dat er dus uit…
<body background=“purplestars.gif">
![Page 25: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/25.jpg)
Links
<body>
Ga naar
<a href="http://www.yahoo.com/">
Yahoo
</a></body>
![Page 27: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/27.jpg)
Plaatje als Link
<body>
<a href="http://www.purecuteness.com/">
<img src=“Locatie”>
</a></body>
![Page 29: HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language](https://reader036.vdocuments.pub/reader036/viewer/2022062405/5551a0f04979591f3c8bacab/html5/thumbnails/29.jpg)
Einde