Assalammu'alaikum wr. wb.
Kembali lagi pada pembahasan yang kemaren-kemaren yaitu tentang html. Tapi kali ini saya akan memposting tentang mengenali class dan id pada html. Langsung saja bahas materinya.
Pengertian :
Pengertian :
- engClass adalah kebalikan dari ID,penggunaannya suka suka/seperlunya.Dalam satu web diperbolehkan ada kode "." yang sama,Class dilambangkan dengan tanda (.).
- Id adalah sebuah identitas yang unik. Biasanya pada html id di lambangkan dengan lambang (#).
1. Pc/laptop
2. Koneksi Internet
Maksud dan tujuan :
Agar lebih mengetahui tentang class dan id pada html.
Pengenalan tentang Class dan Id
Class dan Id bisa dibilang sebagai penanda pada html, maksud penanda disini adalah element-element HTML dapat diberi tanda dengan class dan id. Untuk apa diberi tanda? Agar dapat di manipulasi menggunakan css dan javascript. Bayangan sederhananya jika sobat memiliki 5 buah kotak, semua kotak yang sobat miliki warbna biru, kemudian sobat ingin merubah kotak ke 3 saja tanpa mengganti yang lain. Disinilah kita menggunakan Class dan ID, untuk memberikan tanda atau nama pada kotak sobat agar bisa diubah dan kotak yang lain tidak akan berubah.
Class dan ID pada HTML:
Pada HTML ketikan :
Pada CSS ketikan :
Dan ini hasilnya :
Kesimpualn :
Perhatikan kotak 1, kotak 2, dan kotak 3 kita beri tanda dengan class yang kita beri nama "kotak", dan kotak 4 kita beri tanda id yang beri nama kotak juga. Maka perbedaannya disini akan tampak, bahwa class bisa dipanggil banyak sekaligus, ini dibuktikan kotak 1 dan 2 diberi tanda class yang sama yaitu kotak, dan kotak 3 kita ber tanda dengan id kontak. Perlu diingat class dipanggil dengan tanda titik "." dan id dipanggil dengan tanda pagar "#". Sekian penjelasan terakhir Belajar HTML semoga bermanfaat sebagai bahan belajar sobat semua.
Referensi :
Class dan ID pada HTML:
Pada HTML ketikan :
Dan ini hasilnya :
Kesimpualn :
Perhatikan kotak 1, kotak 2, dan kotak 3 kita beri tanda dengan class yang kita beri nama "kotak", dan kotak 4 kita beri tanda id yang beri nama kotak juga. Maka perbedaannya disini akan tampak, bahwa class bisa dipanggil banyak sekaligus, ini dibuktikan kotak 1 dan 2 diberi tanda class yang sama yaitu kotak, dan kotak 3 kita ber tanda dengan id kontak. Perlu diingat class dipanggil dengan tanda titik "." dan id dipanggil dengan tanda pagar "#". Sekian penjelasan terakhir Belajar HTML semoga bermanfaat sebagai bahan belajar sobat semua.
Referensi :
Wassalammu'alaikum wr. wb.
Hai, selamat datang di blog saya. Di blog ini saya berbagi tentang materi apa pun, misalnya : tentang instalasi cms open source. Semoga dalam isi blog ku ini bisa membantu kalian semua yang telah mengunjungi blog saya ini. Terima Kasih sudah mengunjungi blog saya.
0 komentar:
Posting Komentar