Kamis, September 12, 2019

Atribut class pada html

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:
penggunaan atribut class pada html
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:
penggunaan atribut class pada html
Gambar 1 atribut class pada html 

setelah mengklik tombol elemen tersembunyi:
penggunaan atribut class pada html
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:
penggunaan atribut class pada html
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:
penggunaan atribut class pada html
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.





Related Posts

Atribut class pada html
Oleh

"semoga yang memberikan komentar diberikan berkah kebaikan dari Allah, dijauhkan dari kejahatan, dan diberikan pahala ilmu dan amal jariyah dari sepenggal kata yang ia tinggalkan amiin :) "