Penjelasan Tentang Tag Div dan Pengunaannya

Memahami Tentang Tag Div (Division)

Assalamualaikum wr.wb jupa lagi warok mania di penjelasan Division Dalam membuat suatu group dari tag-tag HTML yang para kalian warok mania buat dengan menggunakan tag <div>, seperti pada contoh berikut : Setiap website/weblog yang kalian  buka, jika diperhatikan pasti memiliki empat bagian/group. Keempat bagian/group ini antara lain dan ini dia penjelasannya :

1. Header Bagian kepala sebuah website yang berisi logo website, nama website, slogan website, menu website dan lainnya jadi header ini penting dalam sebuah website untuk tampilanya.

2. Content ini disebuah websie juga berpengaruh untuk minat views web Berisi isi dari website itu sendiri, jika website berupa weblog, maka contentnya berisi postingan terbaru atau informasi lainnya.

3. Sidebar Berada di samping Content dan biasanya berisi iklan-iklan yang menarik , kategori artikel dan widget atau hiasan situs lainnya.

4. Footer Bagian kaki dari website footer pasangan dari header lo guys agar bisa berdiri:) yang pada umumnya diisi dengan tag website tersebut, misalnya copyright © 2019 by warokdroid.com.

Ternyata lebih sederhananya Lo warokmania, bayangkan saja  Surat resmi yang memiliki Kop surat, badan surat dan penutup surat sama hal dengan HTML. Dalam HTML, warok mania dapat membagi bagian-bagian tersebut dengan menggunakan tag <div> (division/bagian) dan untuk menamai setiap div kita gunakan atribut id atau class. Berikut ini ada contoh penggunaan tag div jika warokmania terapkan pada bagian-bagian website yang telah admin bray sebutkan sebelumnya ini contoh scriptnya.

Jika warok mania menampilkannya pada browser kalian masing, kalian tidak akan melihat apa-apa atau kosog putih doang karena tag div tidak akan menampilkan efek visual. Tag ini hanya digunakan untuk membuat dokumen HTML lebih terstruktur dengan membagi-bagi dokumen ke dalam bagian-bagian yang lebih spesifik atau lebih efisen jadi gitu warok penjelasan tentang tag div selanjutnya admin bray jelaskan id atau class.

ID atau CLASS apa itu ?

Bagi  pemula yang baru belajar gak salah masuk kesini karena akan bray jelaskan, termasuk baray ketika masih belajar sampai saat ini juga masih belajar  HTML & CSS pasti bertanya-tanya  hal yang sama. Pasalnya atribut ID dan Class digunakan untuk menamaitag HTML. Lalu apa perbedaan dari keduanya ini dia?

Atribut ID digunakan untuk penamaan elemen HTML yang memiliki karakteristik unik/berbeda. Tidak boleh ada dua atau lebih elemen yang mempunyai ID yang sama ini contohnya admin tunjukan ingat gak boleh sama.

Penggunaan atribut ID pada contoh di atas adalah SALAH, karena terdapat dua ID yang
sama, yaitu “menu” pada tag <div> dan <ul>. Perhatikan contoh sebelumnya yang bray buat, bahwa  menggunakan ID yang berbeda untuk setiap div yakni, header, content, sidebar dan footer karena semuanya memiliki struktur dan fungsi yang berbeda dalam suatu dokumen HTML begitu penjelasaan tentang ID udah gak bingungkan.

penggunan Atribut CLASS digunakan untuk penamaan elemen yang memiliki karakteristik/struktur sama dan dapat digunakan berulang kali dalam markup (Kode HTML). Sebagai contoh, ini bray kasih
script HTML nya.

Pada script HTML di atas, bray menggunakan class jeruk pada dua  list item, karena nantinya list item yang memiliki class jeruk akan diberi warna background orange seperti jeruk agar mudah dipahami.

Kesimpulan dari admin bras adalah, ketika kalian memiliki beberapa elemen dengan karakter/format yang sama, gunakan Class sebagai penamaannya dan Gunakan ID untuk elemen yang berbeda dan membutuhkan tanda pengenal lebih spesifik agar mudah dalam mencarinya karana script tidak hanya sepuluh baris tapi bisa ratusan.oke demikan bray telah menjelasakan panjang dan lebar ada kurang lebihnya mohon maaf yang sebesarnya semoga ini bermanfaat bagi warok mania wassalamualikum wr.wb.

Tweet

Postingan terkait:

Ditulis Warok Droid — Tuesday, April 2, 2019 — Add Comment — HTML