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

Cara Mudah Membuat Tabel di HTML

hay sob Pada kesempatan kali ini saya akan menjelaskan tentang bagaimana cara membuat tabel di HTML. Fungsi tabel dalam penjelasan kali ini adalah digunakan untuk menyajikan data dalam betuk baris dan kolom.

Candi Sambisari (Temple Sambisari)

Candi Sambisari adalah candi Hindu ( Siwa ) terletak sekitar 12 km sebelah timur dari kota Yogyakarta ke arah kota Solo atau kira-kira 4 km sebelum kompleks candi Prambanan . Candi ini dibangun pada abad ke-9 pada masa pemerintahan Rakai Garung pada saat Kerajaan Mataram Kuno . Candi ini ditemukan pada tahun 1966 oleh seorang petani di desa Sambisari dan dipulihkan pada tahun 1986 oleh Dinas Purbakala .

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

JEJAK KAKI

Search This Blog