halo teman-teman bagaiman kabarnya?, baikkan kemaren kita belajar membuat sebuah list di dokumen HTML. Sekarang kita belajar tentang div atau Division, menurut saya tag ini berfungsi untuk membuat sebuah group atau kelompok yang ada di dalam dokumen HTML, masih bingung ya? ok saya jelaskan. Jadi begini, jika teman-teman memperhatikan sebuah website pastinya teman-teman melihat bagian yang ada di HTML seperti Header, Content, Sidebar, Footer. Disetiap kelompok mempunyai tugas yang berbeda.
1. Header
Kelompok ini biasanya terdapat di bagian atas website atau sering di sebut kepala website dan biasanya bagian kepala website ini berisi logo website, nama website, slogan website,
menu website dan lainnya.
2. Content
Content biasanya berisi isi dari website itu sendiri, misalnya website ini adalah sebuah blog maka contentnya berisi postingan terbaru atau informasi lainnya.
3. Sidebar
Sidebar mempunyai tempat yang berada di samping Content, jika di sebuah blog maka sidebar ini berisikan iklan, kategori artikel dan widget atau hiasan situs lainnya.
4. Footer
footer atau sering di kenal sebagai bagian kaki dari website yang secara umumnya diisi dengan identitas website tersebut, misalnya copyright © 2017 by Websiteian.
Di dalam tag div terdapat sebuah atribut yang bertujuan untuk membuat sebuah kelompok atau bagian-bagian dari website. (id) dan (class) adalah atribut yang sering dipakai untuk membuat sebuah kelompok atau bagian website dan atribut ini berguna untuk membuat style di sebuah website agar style tidak membaca seluruh div yang ada di dokumen HTML tidak hanya itu juga atribut ini juga mempermudahkan kita untuk membuat atau mengatur style di website yang ingin kita buat.
ini contoh dari penulisan atribut untuk sebuah html dan simpanlah dengan extensi .html
<div class="ini_div_class">
</div>
<div id="ini_div_id">
</div>
setelah anda simpan tidak terjadi apa-apakan?, jangan kawatir semua itu tidak terjadi error kok kenapa? karena tag ini belum terdapat isinya makanya setelah di jalankan tampak putih jika didalam tag div terdapat sebuah tag html lainnya maka tag tersebut akan memunculananya. Saya berikan trik sederhana untuk membuat tag div ini menjadi berwarna, dengan memberi sebuah style untuk di setiap atributnya
cukup sekian dari saya kalo ingin belajar, silahkan kunjungi websiteian. sekian dari saya terimakasih.
2 comments
commentsdobol <=3
Replyhahhaha
Reply