<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>Mijn eerste webpagina</title>
<style type="text/css">
div{
background-color:#99FFFF;
width:250px;
height:300px;
border:1px dotted #000099;
}
p {
margin:0px;
color: red;
font-family: verdana;
font-size: 12px;
background-color:#dddddd;
border-bottom:1px dotted #000099;
padding:5px 5px 5px 5px;
}
img{
float:left;
padding:9px 5px 5px 5px;
}
</style>
</head>
<body>
<div>
<p>Dit is een stukje tekst als illustratie bij mijn eerste
Dit is een onderdeel van oefeningen betreffende het gebruik
van het div element. </p>
<IMG ALT="zonsondergang" SRC="afbeeldingen/afbeelding.jpg">
Dit zijn woorden en zinnen die we samen plaatsen met de foto 'zonsondergang'.
We zullen vervolgens oefenen om deze tekst te plaatsen t.o.v. de afbeelding.
Zo word je het zonnetje in huis wat betreft webdesign.
</div>
</body>
</html>