berikut ini sour-codenya:
<!DOCTYPE html>
<html>
<head><title>Membuat Layout dengan HTML5 dan CSS3</title>
</head>
<body>
<style>
#wrapper {
width:960px;
margin: 0 auto;
}
header {
background-color:green;
color:white;
text-align:center;
padding:5px;
}
nav {
line-height:30px;
background-color:pink;
color: black;
height:300px;
width:250px;
float:left;
padding:5px;
}
h5{
color: red;
}
section {
width:350px;
background: #eeeeee;
color: blue;
float:left;
padding:10px;
}
footer {
background:black;
color:white;
clear:both;
padding:5px;
}
</style>
<div id="wrapper">
<header>
<h5>header iki wenane ijo,tulisane puteh,panggone ng tengah</h5>
<h1>IKI HEADER</h1>
</header>
<nav>
<h5>aku menu,tembokku pink,tulisanku ireng,duwurku 300px,lebarku 250px,panggonku ng kiri</h5>
Home <br />
Profil<br>
galery
</nav>
<section>
<h5>tembokku abu abu,wernoku biru</h5>
iki isine halaman
</section>
<footer>
<h5>tembokku ireng,wernoku puteh</h5>
<marquee>
iki jenenge footer tapi ono marquee ne</marquee>
</footer>
</div>
</body>
</html>
0 komentar:
Posting Komentar