Membuat Halaman Sederhana dengan notepad
Untuk Data base nya : Klik Download
Untuk scrip html :
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>DIMAS WAHONO</title>
<style type="text/css">
body
{
margin: 5px auto;
width: 1000px;
}
header,nav,section,aside,article,footer
{
display: block;
}
header
{
height: 120px;
width: 1000px;
background-image: url("C:/Documents and Settings/Akulah sexy wkwkw/My Documents/My Pictures/buat web/ld.jpg")
}
nav
{
float: left;
height: 30px;
width: 1000px;
background-color: black;
}
section
{
width: 1000px;
height: 480px;
background-image: url("C:/Documents and Settings/Akulah sexy wkwkw/My Documents/My Pictures/buat web/kecepetan.jpg")
}
aside
{
float: left;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
width: 280px;
height: 405px;
}
article
{
float: right;
margin: 20px;
width: 650px;
height: 405px;
}
footer
{
text-align: center;
clear: both;
padding: 7px;
width: 1000px;
height: 40px;
background-image: url("C:/Documents and Settings/Akulah sexy wkwkw/My Documents/My Pictures/buat web/footer.png");
background-repeat: no-repeat;
}
linkmenu a:link, linkmenu a:visited, linkmenu a:active
{
text-decoration: none;
}
linkmenu a
{
margin-left: 15px;
font-weight: bold;
color: white;
}
.logo
{
float: left;
margin: 20px;
width: 120px;
height: 80px;
}
.te
{
float: left;
margin-top: 40px;
width: 800px;
height: 80px;
}
.menu
{
float: left;
margin-left: 2px;
padding: 2px;
width: 80px;
height: 25px;
background-image: url("C:/Documents and Settings/Akulah sexy wkwkw/My Documents/My Pictures/buat web/kotak.png");
background-repeat:no-repeat;
}
.menu1
{
float: right;
margin-left: 2px;
padding: 2px;
width: 80px;
height: 25px;
background-image: url("C:/Documents and Settings/Akulah sexy wkwkw/My Documents/My Pictures/buat web/kotakm.png");
background-repeat:no-repeat;
}
.search
{
float: right;
border: 0.5px solid #00a7d7;
}
.article
{
background-image: url("C:/Documents and Settings/Akulah sexy wkwkw/My Documents/My Pictures/buat web/article.png");
padding: 20px;
width: 610px;
height: 240px;
background-repeat: no-repeat;
}
.event
{
width: 650px;
height: 120px;
background-image: url("C:/Documents and Settings/Akulah sexy wkwkw/My Documents/My Pictures/buat web/event.png");
padding: 10px;
background-repeat: no-repeat;
}
list
{
list-style-position: inside;
}
</style>
<LINK REL="SHORTCUT ICON" HREF="C:/Documents and Settings/Akulah sexy wkwkw/My Documents/My Pictures/buat web/a.jpg"
/>
</head>
<body>
<header>
<div class="logo">
<img src="">
</div>
<div class="te">
<img src="">
</div>
</header>
<hr color=white></hr>
<nav>
<linkmenu>
<div class="menu">
<a href="#">HOME</a>
</div>
<div class="menu">
<a href="#">WEB</a>
</div>
<div class="menu">
<a href="#">ROxx</a>
</div>
<div class="menu">
<a href="#">AKN</a>
</div>
<div class="menu1">
<a href="#">CARI</a>
</div>
<div class="search"><input background color="blue" type="text"></div>
</linkmenu>
</nav>
<section>
<aside>
<img src="C:\Documents and Settings\Akulah sexy wkwkw\My Documents\My Pictures\buat web/jh.jpg">
</aside>
<article>
<div class="article">
<p>musik bukan untuk dibanding-bandingkan namun untuk dinikmati dan diresapi....
*itulah sisi lain yg Saya suka dan salut dari DT*...
mereka mengcover (dlm arti setidaknya pengakuan bahwa mereka terinfluence oleh band yang mereka cover)
dan itu bukan suatu kesalahan yang fatal.... ... tidak hanya Metallica yg pernah mereka cover...
mulai dari Deep Purple, Led Zeppelin, Pink Floyd, Kansas, Queen, Genesis, YES, Rush, Marillion,
dll pernah mereka cover.... dan band2 tersebut memang menginfluence perjalanan panjang DT</p>
</div>
<div class="event">
<ul>
<li><a href="#">METALLICA BLACK ALBUM</a></li>
<li><a href="#">METALLICA UNVORGIVEN</a></li>
<li><a href="#">METALLICA DEATH MAGNETIC</a></li>
<li><a href="#">DREAM THEATER METALLICA COVER </a></li>
</ul>
</div>
</article>
</section>
<footer>
Home | Profile | News | E-Book <pre></pre>© By.DIMAS HETFIELD TI 4 Abs 02
</footer>
</body>
</html>
0 komentar :
Posting Komentar