Belajar HTML: Apa Itu Class dan Id Beserta Contohnya pada HTML

Halo semuanya pada artikel alafgani.web.id, Kali ini kita akan membahas Belajar HTML: Apa Itu Class dan Id Beserta Contohnya pada HTML. Mari kita simak penjelasanya:

HTML (Hypertext Markup Language) adalah bahasa pemrograman yang digunakan untuk membuat halaman web. Dalam HTML, penggunaan kelas (class) dan identifikasi (ID) sangat penting untuk memanipulasi dan elemen-elemen dalam dokumen HTML. Dalam artikel ini, kita akan menjelaskan apa itu class dan ID, serta bagaimana mereka kedua itu digunakan dalam HTML.

belajar html

Pengertian Class

Class merupakan atribut dalam HTML yang digunakan untuk mengelompokkan elemen-elemen yang serupa. Anda dapat memberikan satu atau lebih class kepada elemen-elemen HTML untuk mengidentifikasi atau memanipulasinya melalui CSS atau JavaScript. Penggunaan class memungkinkan Anda untuk menerapkan gaya atau perilaku yang sama pada beberapa elemen sekaligus.

Contoh penggunaan class dalam HTML:

<p class=”teks-merah”>Ini adalah teks dengan warna merah.</p>
<p class=”teks-merah”>Ini juga teks dengan warna merah.</p>

Pada contoh di atas, kedua elemen p diberikan kelas “teks-merah”. Anda dapat menggunakan kelas ini dalam CSS untuk memberikan warna teks merah pada kedua elemen tersebut.

Baca Juga : CSS Class

Pengertian ID

Yang terakhir adalah ID. ID singkatan dari “identifier” (pengenal), adalah atribut dalam HTML yang memberikan pengenal unik kepada suatu elemen. Setiap ID dalam dokumen HTML haruslah unik, artinya tidak ada elemen lain dengan ID yang sama. ID digunakan untuk mengidentifikasi elemen tertentu dalam dokumen dan sering digunakan untuk tujuan scripting atau pemformatan khusus.

Contoh penggunaan ID dalam HTML:

<h1 id=”judul-halaman”>Selamat Datang di Situs Web Saya</h1>
<p id=”deskripsi”>Ini adalah deskripsi singkat tentang situs web saya.</p>

Pada contoh di atas, elemen h1 diberikan ID “judul-halaman” dan elemen p diberikan ID “deskripsi”. Anda dapat menggunakan ID tersebut dalam CSS atau JavaScript untuk memanipulasi elemen dengan cara tertentu.

Perbedaan Apa itu Class dan ID

Perbedaan antara Class dan ID Perbedaan utama antara class dan ID adalah sebagai berikut:

  1. Kelas (class) dapat diberikan kepada beberapa elemen, sedangkan ID haruslah unik dalam satu dokumen HTML.
  2. Kelas digunakan untuk mengelompokkan dan memanipulasi beberapa elemen sekaligus, sedangkan ID digunakan untuk mengidentifikasi elemen tunggal.
  3. Kelas sering digunakan dalam CSS untuk memanipulasi gaya elemen, sementara ID lebih sering digunakan dalam scripting atau pemformatan khusus.

Penutup

itulah beberapa penjelasan ringkas mengenai Apa Itu Class dan Id Beserta Contohnya pada HTML. Anda dapat memanfaatkannya untuk mengendalikan tampilan dan perilaku elemen-elemen dalam halaman web Anda. Semoga tutorial ini bermanfaat buat kita semua. Terimakasih sudah berkunjung!

YOUTUBE ALAFGANI


Daftar Materi Belajar HTML:

  1. Pengertian HTML Lengkap dengan Fungsi, Struktur, dan Contoh Penerapannya
  2. Menampilkan Gambar pada HTML Lengkap
  3. Heading dan Contohnya
  4. Menampilkan Gambar pada HTML Lengkap
  5. Tag HTML Beserta Penjelasan dan Contohnya
  6. Paragraf HTML dan Contohnya
  7. List Pada HTML dan Contohnya
  8. Hyperlink HTML dan Contohnya
  9. Table HTML dan Contohnya
  10. Form Attribut dan Contohnya
  11. Baris baru HTML
  12. Iframe dan Contohnya
  13. Class dan Id HTML
  14. Menghubungkan HTML dan CSS
  15. Ebook HTML Lengkap

Lihat Semua materi belajar html diatas, untuk menguasai HTML dengan Cepat!

Leave a Comment