class pada html:
satu, class adalah atribut yang digunakan untuk menentukan satu atau lebih nama class untuk elemen html.
dua, atribut class dapat digunakan pada elemen html apapun.
tiga, nama class dapat digunakan oleh CSS dan JavaScript untuk melaksanakan tugas tertentu untuk elemen dengan nama class spesifik.
contoh:
Output:
Penjelasan: pada contoh program sebelumnya, adalah contoh elemen CSS style dengan nama class "country".
Menggunakan atribut class pada JavaScript: JavaScript dapat mengakses elemen dengan menentukan nama class menggunakan method getElemenByClassName().
contoh:
Output:
sebelum mengklik tombol elemen tersembunyi:
setelah mengklik tombol elemen tersembunyi:
Menggunakan multiple class:
Elemen HTML dapat memiliki lebih dari satu nama class, dimana setiap nama class harus terpisah oleh spasi.
contoh:
Output:
Penjelasan: Ketiga header memiliki nama class "country", tetapi pada penambahannya, CHINA juga memiliki nama class "middle", yang membuat teks menjadi rata tengah.
Menggunakan class yang sama pada tag yang berbeda: perbedaan tag seperti <h2> dan <p>, dapat diberikan nama class yang sama dan dapat berbagi style yang sama.
contoh:
Output:
Penjelasan: Meskipun dua elemen tidak memiliki tag name yang sama, tetapi elemen tersebut dapat memiliki nama class yang sama dan mendapat style yang sama pula.
satu, class adalah atribut yang digunakan untuk menentukan satu atau lebih nama class untuk elemen html.
dua, atribut class dapat digunakan pada elemen html apapun.
tiga, nama class dapat digunakan oleh CSS dan JavaScript untuk melaksanakan tugas tertentu untuk elemen dengan nama class spesifik.
contoh:
Output:
![]() |
Gambar 1 atribut class pada html |
Penjelasan: pada contoh program sebelumnya, adalah contoh elemen CSS style dengan nama class "country".
Menggunakan atribut class pada JavaScript: JavaScript dapat mengakses elemen dengan menentukan nama class menggunakan method getElemenByClassName().
contoh:
Output:
sebelum mengklik tombol elemen tersembunyi:
![]() |
Gambar 1 atribut class pada html |
setelah mengklik tombol elemen tersembunyi:
![]() |
Gambar 2 atribut class pada html |
Menggunakan multiple class:
Elemen HTML dapat memiliki lebih dari satu nama class, dimana setiap nama class harus terpisah oleh spasi.
contoh:
Output:
![]() |
Gambar 3 atribut class pada html |
Penjelasan: Ketiga header memiliki nama class "country", tetapi pada penambahannya, CHINA juga memiliki nama class "middle", yang membuat teks menjadi rata tengah.
Menggunakan class yang sama pada tag yang berbeda: perbedaan tag seperti <h2> dan <p>, dapat diberikan nama class yang sama dan dapat berbagi style yang sama.
contoh:
Output:
![]() |
Gambar 4 atribut class pada html |
Penjelasan: Meskipun dua elemen tidak memiliki tag name yang sama, tetapi elemen tersebut dapat memiliki nama class yang sama dan mendapat style yang sama pula.
Tidak ada komentar:
Posting Komentar
Respon komentar 7 x 24 jam, so please be patient :D