Post on 08-Jun-2015
HTMLHTMLHTMLHTML
UITLEG & CURSUS
Inleiding
HTML: Hyper Text Mark-up Language
Stap 1
<html>
</html>
Stap 2
<html>
<head>
</head>
</html>
Stap 3
<html>
<head>
<title></title>
</head>
</html>
Stap 4
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
En als laatste nog…
<html>
<head>
<title>HTML Cursus</title>
</head>
<body>
</body>
</html>
En dan nu kunnen we de site gaan opbouwen…
Om te tekst te typen hebben we alleen de <body> tags
nodig
<body>
</body>
We voegen de tekst tussen de tags in
<body>blablablablablablablablablablabla
</body>
Nu ziet het er op de webpage zo uit…
blablablablablablablablablablabla
Eerst maken we de tekst wat groter…
<body><font size=4>
blablablablablablablablablablabla
</font>
</body>
Nu ziet het er op de webpage zo uit…
blablablablablablablablablablabla
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>
Dat ziet er zo uit
rollercoaster
Lettertype veranderen
<body>
<font face=“Lettertype”>
blablablablablablablablablablabla
</font>
</body>
Bijvoorbeeld
<font face=“Lucida Sans”>
blablablablablablablablablablabla
We geven een beetje kleur aan de tekst…
<body>
blablablablablablablablablablabla
</body>
<font color=“code”>
</font color>
Een paar voorbeelden
Rood= #FF0000
Zwart= #000000
Wit= #FFFFFF
Geel= #FFFF00
Blauw= #0000A0
Groen= #00FF00
<font color=“code”>
En dit is hoe het er met kleur uitziet
blablablablablablablablablablabla
<font color=“#0000A0”>
Afbeeldingen Invoegen
<body>
<img src=“Locatie”>
<body>
Bijvoorbeeld
<img src=“C:\Temp\spiral.gif”>
Achtergrond
<body>
<body background=“Locatie Achtergrond">
</body>
En zo ziet dat er dus uit…
<body background=“purplestars.gif">
Links
<body>
Ga naar
<a href="http://www.yahoo.com/">
Yahoo
</a></body>
Plaatje als Link
<body>
<a href="http://www.purecuteness.com/">
<img src=“Locatie”>
</a></body>
Einde