Kali ini saya akan share bagaimana cara untuk membuat web sederhana agar lebih mudah saya potong tutorial dalam beberapa postingan sesuai partnya langsung saja :
kali ini kita akan membuat halaman index:
di bawah ini merupakan source code dasarnya :
<!DOCTYPE html>
<html>
<head>
<title>SELAMAT DATANG DI WEB</title>
</head>
<style type="text/css">
body{
font-family: arial;
font-size: 14px;
}
#canvas{
width: 980px;
margin: 0 auto;
}
#header{
font-size: 20px;
border:1px solid silver;
}
#menu{
border:1px solid silver;
}
#isi{
min-height: 500px;
border:1px solid silver;
}
#footer{
text-align: center;
border:1px solid silver;
}
</style>
<body>
<div id="canvas">
<div id="header">
untuk halaman header
</div>
<div id="menu">
untuk halaman menu
</div>
<div id="isi">
untuk halaman isi
</div>
<div id="footer">
untuk halaman footer
</div>
</div>
</body>
</html>
setelah selesai save dengan nama index.html , lalu klik 2x file yang di save tadi untuk melihat hasilnya dan buka dengan menggunakan browser.
hasil screenshoot :
No comments:
Post a Comment