Halo Sobat ITCrews, pada postingan kali ini saya akan membahas tentang ID dan Class pada HTML.Artikel ini pertamakali saya Baca pada Postingan Blog Biongo-Attacker
- Mengenal ID dan Class pada html
Pernahkah kalian Melihat Syntax #nama dan .nama pada CSS, Javascript atau pada Template blog kalian? Belum? wah kalo para Para bloggers saya tidak percaya kalo tidak pernah melihat Syntax seperti itu. Tapi anda taukah arti dari Syntax #nama dan .nama? tidak tau? Berarti anda berada diTempat yang tepat, jadi kalian wajib membaca Postingan ini sampai Habis,,
Next?
Next?
Baca Juga :
Tanda # (pagar/hastag) itu adalah ID, tanda itu sering kita temukan pada syntax-syntax css dan pada javascript, sedangkan tanda . (titik) itu adalah Class, sering juga untuk digunakan pada syntax yang terdapat pada css dan javascript.Dari ID dan Class, mereka berdua juga mempunyai kekurangan dan kelebihan tersendiri.Untuk Class kita bisa menggunakan banyak element html dan dapat di panggil sekaligus, sedangkan ID hanya bisa menggunakan satu penandaan saja, satu nama id hanya bisa di berikan kepada satu element html saja.
Agar supaya anda bisa memahaminya, saya akan memberikan contohnya.
Misalkan saya akan membuat kotak, kotak ini nantinya yang akan membedakan id dan class nantinya, langsung buka saja text editor anda dan ketik script di bawah ini.
Gambar 1 |
Gambar 2 |
Gambar 3 |
Keterangan :
- Gambar 1 adalah Code Script HTML
- Gambar 2 adalah Code Script CSS
- Gambar 3 adalah Hasil dari Gabungan antara Code HTML dan CSS
Gimana sobat? udah ngertikan? Jika sudah kita akhiri
Tutorial : Mengenal ID dan Class pada html. tapi Jika sobat belum ngerti? atau masih ada yang binggung silahkan berkomentar :)
Source:
http://biongo-attacker.blogspot.co.id/2016/04/tutorial-html-mengenal-id-dan-class.html
http://biongo-attacker.blogspot.co.id/2016/04/tutorial-html-mengenal-id-dan-class.html
lumayan ngerti nih gan, mungkin lain kali bisa saya coba untuk pengaplikasiannya. thanks ya gan. salam.
ReplyDeleteHAHA Ia gan Goodluck
Deleteane baru belajar html gan btw thanks infonya
ReplyDeleteiaia sama-sama,,
Deletetunggu Tutorial berikutnya
Makasih infonya gan. Mungkin nnt bisa saya coba otak-atik blog saya juga hehe
ReplyDeleteheheh ia gan
Deletewahh makasih banyak ya gan,cocok banget nih buat ane yang lagi belajar html :D
ReplyDeleteiaiai gan,
Deletetunggu Tutorial Berikutnya ya
mantap tutor nya, buat ngeblog jos ni
ReplyDeleteheheh ia gan
Deletekeren gan artikelnya ane suka. lanjutkan
ReplyDeleteiaiaia gan,,, makasih
Deletemakasih gan berguna banget ni, saya mau otak atik html blog aneh ah
ReplyDeletehahha silahkan
DeleteMantap nieh gan bwt pembelajaran ane
ReplyDeleteiaia gan,,
DeleteMantep gan, buat pembelajaran dasar html
ReplyDeletemantab dab....mampir www.the-bios.com
ReplyDeletewaw....bner" rumit ya. q g bs" blajarnya kang.
ReplyDeletehahha,, usaha mas,, saya disini juga masih belajar koq
Delete