Mengenal Class dan Id Pada HTML

Class dan Id, sesuai dengan yang di jelaskan pada tutorial sebelumnya yaitu cara menghubungkan HTML dengan CSS di jelaskan bahwa class dan id sangat lah penting. Oleh karena itu pada tutorial belajar HTML mengenal class dan id pada HTML ini akan di jelaskan tentang apa sih pengertian dari class dan id pada HTML ? dan apa perbedaan dari class dan id pada HTML.

Class dan id bisa di bilang sebagai penanda pada HTML, maksud penanda di sini adalah element-element HTML dapat di beri tanda dengan class atau id, untuk apa di beri tanda ? agar dapat di minipulasi menggunakan CSS atau Javascript. Bayangkan sederhananya jika kalian memiliki lima buah kotak, semua kotak yang kalian miliki berwarna biru, kemudian kalian ingin mengubah warna yang kedua, nah di sinilah letak kegunaan class dan id, untuk memberikan tanda atau nama pada kotak kalian agar bisa di ubah dan kotak yang lain tidak akan berubah.

Mengenal Class dan Id Pada HTML

Perbedaan dari class dan id adalah class di panggil pada css atau javascript dengan menggunakan tanda titik ( . ), dan id di panggil pada css atau javascript dengan tanda pagar ( # ), ada kelebihan di sini untuk class, yaitu class dapat di berikan pada banyak element HTML dan dapat di panggil sekaligus, sedangkan id hanya dapat bekerja pada satu penanda saja, maksudnya satu nama id hanya bisa di berikan pada satu element saja, perhatikan pada contoh berikut untuk memberikan pemahaman lebih tentang class dan id pada HTML ini.

latihan12.html

style.css

Jika kalian sudah menulis code code yang telah saya buat coba jalankan di browser maka hasilnya akan seperti di bawah ini :

Perhatikan pada contoh di atas, kotak 1, kotak 3, kotak 4, dan kotak 5, saya beri tandah dengan class, dan kotak 2 saya memberi tanda dengan id yang saya beri nama kotak juga. Maka perbedannya di sini akan tampak, bahwa class bisa di panggil sekaligus, ini di buktikan dengan kotak 1,3,4 dan 5 di beri tanda class yang sama yaitu class kotak. Dan kotak 2 saya beri tanda dengan id kotak.

Selanjutnya pada CSS juga dapat kalian lihat, class di panggil dengan tanda titik ( . ) dan id di panggil dengan tanda pagar ( # ).

Okay sampai disini tutorial Belajar HTML Dasar untuk Mengenal Class dan Id pada HTML, selanjutnya saya akan bahas Membuat Symbol Pada HTML.