Tugas PW 5
<html>
<head><title>box model</title>
<style type="text/css">
#header{
background : #800000;
border : 1px solid #ABC;
height : 100px;
margin : 1px;
padding : 1px;
width : 1260px;
}
#navigasi1{
float : left;
background : #000000;
border : 1px solid #ABC;
height : 25px;
margin : 1px;
padding : 1px;
width : 23%;
}
#navigasi2{
float : left;
background : #000000;
border : 1px solid #ABC;
height : 25px;
margin : 1px;
padding : 1px;
width : 23%;
}
#navigasi3{
float : left;
background : #000000;
border : 1px solid #ABC;
height : 25px;
margin : 1px;
padding : 1px;
width : 23%;
}
#navigasi4{
float : left;
background : #000000;
border : 1px solid #ABC;
height : 25px;
margin : 1px;
padding : 1px;
width : 23%;
}
#sidebar{
float : left;
background : #696969;
border : 1px solid #ABC;
height : 400px;
margin : 1px;
padding : 1px;
width : 30%;
}
#konten{
float : left;
background : #DCDCDC;
border : 1px solid #ABC;
height : 400px;
margin : 1px;
padding : 1px;
width : 849px;
}
#footer{
float :left;
background : #000000;
border : 1px solid #ABC;
height : 25px;
margin : 1px;
padding : 1px;
width : 1261px;
}
</style></head>
<body>
<div id=header><center><font color="white">HEADER</font></center></div>
<div id=navigasi1><center><font color="white">NAVIGASI 1</font></center></div>
<div id=navigasi2><center><font color="white">NAVIGASI 2</font></center></div>
<div id=navigasi3><center><font color="white">NAVIGASI 3</font></center></div>
<div id=navigasi4><center><font color="white">NAVIGASI 4</font></center></div>
<div id=sidebar><center><font color="white">SIDEBAR</font></center></div>
<div id=konten><center><font color="black">KONTEN</font></center></div>
<div id=footer><center><font color="white">FOOTER</font></center></div>
</body>
</html>