HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language.

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>




</body>

Nu ziet het er op de webpage zo uit…


Zo kun je zelfs een

rollercoaster maken...rollercoaster

Dat ziet er zo uit

rollercoaster

Lettertype veranderen

<body>






</body>

Bijvoorbeeld

We geven een beetje kleur aan de tekst…

<body>


</body>

Een paar voorbeelden

Rood= #FF0000

Zwart= #000000

Wit= #FFFFFF

Geel= #FFFF00

Blauw= #0000A0

Groen= #00FF00

En dit is hoe het er met kleur uitziet

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>

Zo ziet het er op je webpage uit

Ga naar Yahoo

http://www.yahoo.com/

Plaatje als Link

<body>

<a href="http://www.purecuteness.com/">

<img src=“Locatie”>

</a></body>

Bijvoorbeeld

<img src=“pc2.bmp”>

http://www.purecuteness.com/

Documents