I Html <head> sættes <style> tagen hvori layout defineres.
Efter #wrapper og #header defines nedenstående
#content som definerer arealet hvor grund information placeres
{ er start markering på parametre til #wrapper sectionen
} er slut markering på parametre til #wrapper sectionen
Imellem disse markeringer angives width - height - background-color for #headeren
Html kode
<head> |
<!-- Html tag--> |
<style> |
<!-- style start tag--> |
#wrapper { } |
<!-- angiver hele side arealet--> |
#header { } |
<!-- angiver hoved på siden--> |
#content { height:50px; |
<!-- angiver højden på siden--> |
width:400px; |
<!-- angiver breden på siden--> |
background-color:yellow; |
<!-- angiver farven på siden--> |
} |
<!-- angiver slut på parametre på #header--> |
</style> |
<!-- style slut tag> |
Html resultat
<div id=header>
</div>
<div id=content>
</div>
