<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Layout Sederhana</title>
<link rel="stylesheet" href="mystyle.css" type="text/css">
<style type="text/css">
<!--
#leftmenu ul {
width: 250px;
list-style-type:none;
padding: 0; margin: 0;
}
#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active {
padding-left: 15px;
text-decoration: none;
}
#leftmenu a {
padding: 5px 0px 5px 15px; display:block;
background: #a8a7a8 no-repeat left center;
margin: 0px 0px 1px; color: #fff000;
}
#leftmenu a:hover {
background : #5e9711 no-repeat left center; color:#03fde3;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<img src="logo.gif"/>
</div>
<div id="menu_bar">
Home | Sitemap | RSS | Contact | About us
</div>
<div id="search">
search <input type="text"/>
</div>
<div id="inner">
<div id="sidebar">
<div id="leftmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">News & media</a></li>
<li><a href="#">Tutorial</a></li>
<li><a href="#">Tip & triks</a></li>
<li><a href="#">Download</a></li>
</ul>
</div>
</div>
<div id="Top">
<img src="ft.jpg" align="auto"/>
</div>
<div id="content">
<b><dd>DESAIN HALAMAN WEB </dd></b>
<p>
<dd>Ini adalah sebuah tampilan yaitu yang di gunakan untuk membuat suatu desain form, <br/>
dimana untuk menciptakan sebuah desain-desain yang unik dan atraktif<br/>
untuk pembuatan sebuah halaman WEB.</dd>
</div>
<div id="Right">
<h3>Script Dan Tutorial</h3>
<dd><li>Menggunakan List</li></dd>
<dd><li>Menebalkan Huruf</li></dd>
<dd><li>Membuat Paragraf Baru</li></dd>
</div>
</div>
<div id="footer">
<h4 align="center">©2010 Widya Wahyu Permadi.</h4>
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar