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

Monumen perjuangan TNI AU

Monumen perjuangan TNI AU (dahulu Monumen ngoto), dibangun tanggal 1 maret 1948. Monumen ini terletak di dekat Dukuh Ngoto, jati arang, kelurahan tamanan, kabupaten bantul, Yogyakarta menempati area tanah seluas 9.473m ² . Bangunan ini termasuk jenis tugu, terbuat dari bahan cor setinggi 7m, dengan batangan tubuh segi enam kerucut yang ditopang lapik segi empat bersusun 2 mengecil. Pada puncak tugu terdapat seekor burung garuda, dibuat dengan bahan tembaga setinggi 1,5m, yang merentangkan sayapnya. Tugu berada dalam area pagar teralis besi, pada bagian belakang terdapat dinding yang berreliefkan rangkaian peristiwa sejarah hari bangkit TNI AU, 29 Juli 1947.

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 ...

Pesona Pantai Indrayanti Gunung Kidul

Terletak di sebelah timur Pantai Sundak, pantai yang dibatasi bukit karang ini merupakan salah satu pantai yang menyajikan pemandangan berbeda dibandingkan pantai-pantai lain yang ada di Gunungkidul. Tidak hanya berhiaskan pasir putih, bukit karang, dan air biru jernih yang seolah memanggil-manggil wisatawan untuk menceburkan diri ke dalamnya, Pantai Indrayanti juga dilengkapi restoran dan cafe serta deretan penginapan yang akan memanjakan wisatawan.

JEJAK KAKI

Search This Blog