I Html <head> sættes <style> tagen hvori layout defineres.
Efter #wrapper defines nedenstående
#header som definerer arealet hvor hoved på dette billede skal 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

angiver hele side arealet

<head>

<!-- Html tag-->

<style>

<!-- style start tag-->

#wrapper {}

<!-- angiver højden på siden-->

#header { height:50px;

<!-- angiver højden på siden-->

width:400px;

<!-- angiver breden på siden-->

background-color:grey;

<!-- angiver farven på siden-->

}

<!-- angiver slut på parametre på #header-->

</style>

<!-- style slut tag>

Html resultat

<div id=header>

</div>

footer left

footer right