google-site-verification: google8e763d320194407a.html google-site-verification: google8e763d320194407a.html Cara Membuat Layout Dengan Menggunakan Tag Div - JEJAK KAKI Skip to main content

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

Comments

Post a Comment

Popular posts from this blog

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.
Post a Comment
Read more

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 .
Post a Comment
Read more

Pasar Kotagede yogyakarta

Kendati bernama Pasar Kotagede , masyarakat setempat lebih mengenal pasar ini dengan sebutan Pasar Legi . Sebab setiap Legi, salah satu hari dalam penanggalan Jawa , pasar ini selalu lebih ramai daripada hari-hari biasa. Bisa dibilang, pada hari pasaran ini para penjual dan pembeli berkumpul menjadi satu untuk melakukan transaksi jual beli . Bahkan saking sesaknya lokasi pasar pada hari tersebut, para pedagang menggelar barang dagangannya di jalan. Begitupun dengan para pembeli, bukan hanya yang datang untuk sekadar melihat-lihat melainkan juga yang memang membutuhkan suatu barang yang dicari atau dibutuhkan
Post a Comment
Read more