HTML - Attributes

HTML dan penggunaannya seperti tag heading <h1>, <h2>, tag paragraf <p> dan tag lainnya. Kami menggunakannya sejauh ini dalam bentuk yang paling sederhana, tetapi sebagian besar tag HTML juga dapat memiliki atribut, yang merupakan bit tambahan informasi.

Atribut digunakan untuk mendefinisikan karakteristik elemen HTML dan ditempatkan di dalam tag pembuka elemen. Semua atribut terdiri dari dua bagian - nama dan nilai.

Nama adalah properti yang ingin Anda tetapkan. Misalnya, elemen paragraf <p> dalam contoh membawa atribut yang namanya sejajar, yang dapat Anda gunakan untuk menunjukkan pelurusan paragraf di halaman.

Nilai yang anda inginkan adalah nilai properti yang akan ditetapkan dan selalu dimasukkan dalam kutipan. Contoh di bawah ini menunjukkan tiga kemungkinan nilai atribut align: kiri, tengah dan kanan.

Nama Atribut dan nilai atribut tidak peka huruf besar / kecil. Namun, World Wide Web Consortium (W3C) merekomendasikan atribut atribut / nilai atribut huruf kecil dalam rekomendasi HTML 4 mereka.

Contoh:

Atribut Inti
Empat atribut inti yang dapat digunakan pada sebagian besar elemen HTML (meskipun tidak semua) adalah ID, Title, Class, Style

Atribut ID

Atribut ID dari tag HTML dapat digunakan untuk mengidentifikasi secara unik setiap elemen di dalam halaman HTML. Ada dua alasan utama mengapa Anda mungkin ingin menggunakan atribut id pada elemen.

1. Jika sebuah elemen memiliki atribut id sebagai pengenal unik, adalah mungkin untuk mengidentifikasi hanya elemen itu dan isinya.
2. Jika anda memiliki dua elemen dengan nama yang sama dalam halaman Web (atau lembar gaya), Anda dapat menggunakan atribut id untuk membedakan antara elemen yang memiliki nama yang sama.

Kami akan membahas style sheet di tutorial terpisah. Untuk saat ini, mari gunakan atribut id untuk membedakan antara dua elemen paragraf seperti yang ditunjukkan di bawah ini.

Contoh:

Atribut Title

Atribut title memberikan judul yang disarankan untuk elemen. Sintaks untuk atribut judul sama seperti yang dijelaskan untuk atribut id.

Perilaku atribut ini akan bergantung pada elemen yang membawanya, meskipun sering ditampilkan sebagai tooltip ketika kursor muncul di atas elemen atau saat elemen sedang dimuat.

Contoh:

Atribut Class

Atribut Class digunakan untuk mengaitkan elemen dengan style sheet, dan menentukan kelas elemen. Anda akan mempelajari lebih lanjut tentang penggunaan atribut class ketika Anda akan mempelajari Cascading Style Sheet (CSS). Jadi untuk sekarang Anda bisa menghindarinya.

Nilai atribut juga dapat berupa daftar nama kelas yang dipisahkan spasi. Sebagai contoh:

Atribut Style

Atribut Style memungkinkan Anda untuk menentukan aturan Cascading Style Sheet (CSS) dalam elemen.

Contoh: