Cara Membuat Layout Dengan Menggunakan Tag Div

hay sobat jejak kaki.
Bagi para sobat jejak kaki yang pemula dalam bidang website, biasanya akan membuat layout website dengan menggunakan Tag table , karena pembuatan layout website dengan Tag table sangat mudah di lakukan terutama dengan bantuan software seperti Macromedia Dreamweaver.
Akan tetapi metode design dengan menggunakan table saat ini sudah di tinggalkan dan mengarah pada penggunaan Tag div dan tentunya dengan CSS sob. Dan sekarang kebanyakan website telah menempatkan konten mereka dalam beberapa kolom (seperti format di majalah atau koran).
Dan contoh berikut ini adalah cara membuat kolom layout dengan menggunakan elemen div.

Example

<!DOCTYPE html>
<html>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

<div id="menu" style="background-color:#FFD700;hei
<b>Menu</b><br>
HTML<br>
CSS<br>

JavaScript</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © W3Schools.com</div>

</div>

</body>
</html>

selamat mencoba sob..

Comments

Kampung Mataraman, Wisata Unik di Yogyakarta

Halo sobat sobat jejak kaki. Bertemu lagi kita. Hahahaha Kali ini kita berjalan jalan ke kampung mataraman ni sob. Siapa ni yang belum pernah? Kampung Mataraman, Wisata Unik di Yogyakarta Lokasi wisata ini berada di Desa Panggungharjo, Kecamatan Sewon, Kabupaten Bantul, Provinsi Daerah Istimewa Yogyakarta sob. Mungkin sobat akan bertanya, lokasi wisata seperti apakah Kampung Mataraman ini. Okei, mari kita memulai ceritanya sob. Kampung Mataraman, Wisata Unik di Yogyakarta Kampung Mataraman ini, merupakan lokasi wisata dengan nuansa Desa. Itu sudah jelas dari namanya yang ada "Kampung" atau "Kampoeng" sob. Kampung Mataraman ini, konsepnya sebenarnya adalah tempat makan sob. Tapi jangan berharap ini konsep tempat makan berupa restoran mewah meskipun tradisional. Jelas bukan sob. Memasuki Kampung Mataraman ini sobat akan melewati sebuah jembatan. Jembatan dengan nuansa "ndeso" atau pedesaan. Ada sebuah saluran air kecil dengan

Pelengkung Nggading Yogyakarta

Plengkung Gading merupakan bangunan gapura pintu masuk menuju jeron (dalam) benteng Keraton Yogyakarta . Bangunan ini merupakan satu dari lima plengkung yang digunakan untuk masuk ke dalam benteng Keraton Yogyakarta. Kelima plengkung tersebut yaitu : p lengkung Nirbaya , Plengkung Tarunasura (Plengkung Wijilan) , Plengkung

pakualaman yogyakarta

Hay sobat jejak kaki.... sobat jejak kaki Istana (Pura) Pakualaman merupakan salah satu pusaka budaya di Kota Gudeg ini. Pura Pakualaman terbentuk dari rangkaian bangunan yang menyatu di dalam lingkup tembok keliling menjadi satu komplek seluas 5,4 ha. Sangat menarik untuk mengetahui bahwa Pura Pakualaman menghadap ke selatan, sehingga berbeda dengan kraton kasultanan yang secara keseluruhan menghadap ke utara. Sebagai sebuah pusat pemerintahan, Pura Pakualaman juga dilengkapi dengan alun-alun, masjid, dan pasar. Selain itu juga ada pemukiman penduduk, para abdi dalem, dan bangunan fasilitas lainnya sob, yang kesemuanya menjadi kawasan kecamatan Pakualaman sob. sobat jejak kaki akan melewati alun-alun Sewandana yang juga banyak ditanami pohon beringin, untuk masuk ke dalam komplek Pura Pakualaman. Setelah melewati gerbang utama yang disebut Regol Danawara, sobat jejak kaki akan melihat fasad regol dengan prasasti 7-8-1884 yang menandai masa regol ini dibangun. Di bagian dalam

JEJAK KAKI

Search This Blog