Dulu waktu mulai belajar HTML, aq merasa dimudahkan dengan adanya frame HTML. Beberapa web page dapat ditampilkan dalam satu window browser karena window browser tersebut dibagi menjadi beberapa frame.
Tapi kemudian ada pengetahuan lain bahwa mesin pencari (macam google, yahoo, dll) lebih sulit jika harus melacak kata yang terletak di dalam tabel dan atau frame. Lah, jadi gimana seharusnya klo gak boleh pakai frame?
Setelah sekian lama, akhirnya tahu juga cara agar mesin pencari tidak kesulitan melacak kata di page kita. Ya, memang semua hal ada caranya. Mungkin hanya kita yang tidak tahu caranya saja, atau kita tidak bersabar mendapatkan petunjuk-Nya. =)) (Nertawain diri mode oN.)
Back to topic, jika tidak ingin memakai frame di page kita, bisa memakai tag div. Tag div ini mendefinisikan suatu bagian (section) dalam suatu dokumen. Sekarang tahulah mengapa blog-blog yang ada memakai tag div. Masalah satu selesai, disusul masalah yang lain, yaitu, meski pun sekarang tahu kegunaan tag div, tapi tidak mengerti tata cara penggunaannya. =))
Setelah ngepék buku dan nyonto internet, yak... saatnya trial & error.... :D
Kode htmlnya:
<html>
<head>
<title>Tak Pernah Sempurna</title>
<style type="text/css">
div.kontener{
width: 600px;
margin:0px;
border:1px solid green;
line-height:150%;
}
div.kepala,div.kaki
{
text-align: center;
padding:0.5em;
color:white;
background-color: green;
}
div.satu {
float: left;
width:100px;
margin: 0;
padding: 1em;
}
div.dua{
float: left;
width: 100px;
border-left:1px solid green;
padding:1em;
}
div.tiga{
margin-left: 300px;
border-left:1px solid green;
padding:1em;
}
</style>
</head
<body>
<div class='kontener'>
<div class='kepala'> =) Bismillah (= </div> <!--Ini Khan Bisa untuk Headernya-->
<div class='satu'>11111111111</div>
<div class='dua'>222222222222</div>
<div class='tiga'>333333333333</div>
<div class='kaki'>copyleft 2008 agn3z </div> <!--Yang Ini untuk Footernya-->
</div>
</body>
</html>
Hasilnya:
Que1. Bingungkah?
Ans1. Ya klo gitu silakan diutak-atik sendiri, karna aq juga sama bingungnya. :)>-
Que2.Loh, jadinya kok gak sama?
Ans2. Ya, iya, laah.... Gambarnya khan udah ku edit. =))
2 komentar:
cara kerja div, sama dengan cara kerja layer di photoshop
kalo misal kita mau klik url trus masuk kehalaman kontent menggantikan tag frame gmna yah masbro?
Posting Komentar