Atribut Global


Atribut Global dalam HTML adalah atribut yang dapat digunakan pada hampir semua elemen HTML. Mereka memberikan informasi tambahan tentang elemen tersebut dan sering digunakan untuk mengatur perilaku elemen atau tampilan halaman web. Berikut adalah beberapa atribut global yang umum digunakan:

id

Atribut ini digunakan untuk memberikan elemen sebuah identifikasi unik dalam halaman web. Contoh penggunaan:

<div id="header">Ini adalah header</div>

class

Atribut ini digunakan untuk memberikan elemen sebuah kelas CSS. Ini memungkinkan Anda menerapkan gaya atau styling yang sama pada beberapa elemen. Contoh penggunaan:

<p class="highlight">Teks yang di-highlight</p>

style

Atribut ini digunakan untuk menentukan properti CSS langsung pada elemen. Contoh penggunaan:

<p style="color: blue; font-size: 16px;">Ini adalah teks dengan gaya langsung</p>

title

Atribut ini digunakan untuk memberikan informasi tambahan yang muncul ketika pengguna mengarahkan kursor mouse ke elemen tersebut. Contoh penggunaan:

<img src="gambar.jpg" alt="Gambar" title="Ini adalah gambar">

lang

Atribut ini digunakan untuk menentukan bahasa dari elemen tersebut. Ini berguna untuk aksesibilitas dan terjemahan. Contoh penggunaan:

<p lang="en">This is a paragraph in English.</p>

data-

Atribut ini memungkinkan Anda menambahkan data kustom ke elemen. Nama atribut dimulai dengan "data-" dan Anda dapat menggunakannya untuk menyimpan informasi tambahan. Contoh penggunaan:

<div data-info="12345">Ini adalah elemen dengan data kustom</div>

Ini adalah beberapa contoh atribut global dalam HTML yang dapat Anda gunakan untuk meningkatkan fungsionalitas dan styling halaman web Anda. Anda dapat menggabungkan atribut-atribut ini dengan elemen HTML lainnya sesuai kebutuhan Anda.