Thursday, August 3, 2017

Class & Id Pada HTML


Muhammad Aqshol Rifanza - Class dan Id bisa dibilang sebagai penanda pada HTML, maksud penanda disini adlaah 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 warna 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 Ketikkan :



Pada Css Ketikkan :


Dan hasilnya akan


Kesimpulan
Perhatikan contoh diatas, kotak 1, kotak 2 kita beri tanda dengan class yang kita beri nama "kotak", dan kotak 4 kita beri tanda id yang beri nama kotak juga. maka perbedaanya disini akan tampak, bahwa class bisa dipanggil banyak sekaligus, ini dibuktikan kotak 1 dan dua 2 diberi tanda class yang sama yaitu kotak, dan kotak 3 kita ber tanda dengan id kotak. 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. 

Refrensi
  • http://www.script-kiddies.org
  • http://www.w3school.com

0 comments:

Post a Comment