<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
/>
<title>Contoh Layout Sederhana dengan html dan css</title>
</head>
<body>
<div id="utama">
<div id="header">
<h1>NAMA HALAMAN / SITUS</h1>
</div>
<div id="menu-atas"> <a href="#">MENU 1</a> <a
href="#">MENU 2</a> <a href="#">MENU
3</a></div>
<div id="informasi">
<div id="leftcolumn">
<h2>KOLOM KIRI</h2>
<p> INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI
INFORMASI INFORMASI INFORMASI INFORMASI</p>
</div>
<div id="rightcolumn">
<h2>KOLOM TENGAH</h2>
<p>INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI
INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI
INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI
INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI
INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI
INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI
INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI INFORMASI
INFORMASI INFORMASI</p>
</div>
<div class="clear"></div>
</div>
<div id="footer"> Dibuat oleh <a
href="www.zainalhakim.web.id">www.zainalhakim.web.id</a></div>
</div>
</body>
</html>
- See more at:
http://www.zainalhakim.web.id/posting/membuat-layout-sederhana-dengan-css.html#sthash.XGR1OAqY.dpuf
Tidak ada komentar:
Posting Komentar