Layout html

A. Pendahuluan

Halo kawan saya disini akan memberitahu tentang layout pada html.

B. Latar Belakang

Disini supaya kalian bisa tahu apa itu layout .

C. Pembahasan

Dalam dunia desain, Layout berbicara mengenai bagaimana penataan elemen-elemen dalam sebuah halaman dengan benar. Sama seperti tipografi, terdapat sangat banyak elemen-elemen pada layout, yang tentunya tidak akan dapat dibahas pada bagian ini sendiri. Pembahasan layout secara menyeluruh akan memerlukan bukunya tersendiri. Kita akan hanya melihat elemen-elemen layout yang umumnya ditemukan pada dokumen web, dan bagaimana membuat elemen-elemen tersebut dengan HTML dan CSS.

Elemen Header: Seperti namanya, merupakan elemen yang berisi judul dan penjelasan lain dokumen. Biasanya elemen ini diisikan dengan logo website, menu-menu global (seperti login dan logout), maupun nama halaman yang sedang ditampilkan.
Elemen Navigation: Elemen navigasi, yang memberikan akses navigasi ke halaman-halaman lain dalam web.
Elemen Sidebar: Elemen pendukung konten, dapat berupa pembantu navigasi konten, ataupun berbagai hal lain seperti daftar konten lain, iklan, atau menu tambahan. Sidebar dapat berada di kiri atau kanan konten, atau bahkan di kiri dan kanan konten, sesuai dengan kreatifitas perancangnya.
Elemen Konten: Isi utama dari dokumen web. Pengguna biasanya datang ke web untuk melihat teks yang berada pada bagian ini.
Elemen Footer: Bagian penutup dari website, yang dapat saja berisi informasi lain tentang website, seperti lisensi pengunaan, sitemap, ataupun link ke website lain.

D. TUTORIAL

<!DOCTYPE HTML>
<html>
<head>
<style>
header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px;
}
section {
    widht:350px;
    float:left;
    padding:10px;
}
footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
}
</style>
</head>
<body>

<header>
<h1>CITY Galery</h1>
</header>

<nav>
Jakarta<br>
Bandung<br>
Solo
</nav>

<section>
<h1>Jakarta</h1>
<p>Indonesia memiliki Ibu Kota yang bernama Jakarta, di Jakarta ada Monas yang menjadi iconnya di Jakarta, Penduduk di Indonesia sangatlah banyak.</p>
<p>Indonesia terletak di antara 2benua dan 2samudra,benua Asia dan benua Australia, samudra pasifik dan samudra Hindia.</p>
</section>

<footer>

yuliansyah1007.blogspot.co.id
</footer>

</body>
</html>

Hasilnya :

E. Kesimpulan

Berbagai macam bentuk layout pada pemrograman HTML dalam mendesain website merupakan bagian – bagian yang harus diketahui, karena itu menentukan dari hasil rancangan dalam pembuatan suatu pogram/ website.