Perbedaan Class dan Id Pada HTML

Pada dasarnya class dan id bukanlah tag HTML melainkan atribut yang bisa digunakan hampir di semua tag HTML. Atribut tersebut bukan sekedar atribut biasa tetapi bisa digunakan untuk menunjuk nama class dalam style sheet dan mengakses manipulasi elemen dengan class dan id di JavaScript.

Daftar isi:

Atribut class HTML

Atribut class sering digunakan untuk nama class dalam style sheet dan bisa digunakan untuk manipulasi elemen di JavaScript. Anda bisa menggunakan nama class di beberapa elemen sekaligus. Berikut contohnya:

<!DOCTYPE html>
<html>
<head>
    <style>
        .warna {
            color: crimson;
        }
    </style>
</head>
<body>
    <p class="warna">menggunakan class untuk warna</p>
    <p class="warna">menggunakan nama class di beberapa elemen</p>
</body>
</html>

Atribut id HTML

Atribut id menentukan sebuah id dengan nama yang unik dan Anda tidak boleh menggunakan lebih dari satu elemen dengan id yang sama dalam elemen HTML. Jika Anda ingin menulisnya di properti CSS gunakan karakter hash (#) untuk memulai atribut id. Berikut contohnya:

<!DOCTYPE html>
<html>
<head>
    <style>
        #warna {
            color: crimson;
        }
    </style>
</head>
<body>
    <p id="warna">menggunakan id untuk warna</p>
</body>
</html>

Belajar HTML Untuk Pemula


1. Pengenalan HTML

2. Membuat dan Menjalankan File HTML

3. Tag, Atribut, dan Elemen HTML

4. Struktur Dasar HTML

5. Membuat Heading Di HTML

6. Membuat Paragraf di HTML

7. Cara Membuat Komentar di HTML

8. Text Formatting HTML

9. Membuat Link Pada HTML

10. Membuat List Pada HTML

11. Menampilkan Gambar di HTML

12. Membuat Tabel di HTML

13. Membuat Form Pada HTML

14. Perbedaan Class dan Id Pada HTML

15. Menambahkan Audio pada HTML

16. Menambahkan Video pada HTML

17. Elemen Sematik Pada HTML