<head>
<title>Membuat Tampilan Web Sederhana</title>
<style type="text/css">
body {
font-family:arial;
font-size:14px;
}
#canvas{
width:1200px;
margin:0 auto;
border:1px solid silver;
}
#kepala{
font-size:36px;
padding:20px;
}
#menu{
background-color:#003399;
font-size:16px;
}
#menu ul{
list-style:none;
}
#menu ul li{
display:inline-table;
}
#menu ul li a{
display:block;
line-height:40px;
margin:0;
padding:0 10px;
color:#ffffff;
text-decoration:none;
}
#menu ul li:hover{
background-color:#00CC33;
}
#isi{
min-height:400px;
}
#footer{
background-color:#000000;
text-align:center;
}
</style>
</head>
<body>
<div id="canvas">
<div id="kepala">
bagian atas/kepala
</div>
<div id="menu">
<ul>
<li><a href"">Home</a></li>
<li><a href"">Profile</a></li>
<li><a href"">Kontak</a></li>
</ul>
</div>
<div id="isi">
bagian isi/conten
</div>
<div id="footer">
bagian kaki/footer
</div>
</div>
</body>
</html>
