-->

Belajar HTML #22 : Cara membuat ID HTML

Konten [Tampil]

    Dalam HTML, ID adalah atribut yang digunakan untuk memberikan identifikasi unik pada suatu elemen. Dengan menggunakan ID, Anda dapat menargetkan elemen tertentu dengan lebih mudah dalam pemrograman web atau gaya CSS. Artikel ini akan membahas secara lebih rinci tentang cara membuat ID HTML dan bagaimana menggunakannya.

    Belajar HTML : Cara membuat ID HTML

    Menggunakan ID pada Elemen HTML

    Untuk menggunakan ID pada elemen HTML, Anda perlu menambahkan atribut ID dengan nilai tertentu pada tag elemen yang ingin Anda identifikasi. Nilai dari atribut ID harus unik dalam halaman web, artinya tidak boleh ada elemen lain yang memiliki ID yang sama. 

    Berikut adalah contoh tag elemen dengan atribut ID:

    
    <h1 id="judul-utama">Ini adalah judul utama</h1> 
    

    Pada contoh di atas, atribut ID diberi nilai "judul-utama". Anda dapat memberi nilai atribut ID dengan bebas, asalkan nilainya unik dan tidak mengandung spasi.

    Menargetkan Elemen Berdasarkan ID

    Setelah Anda menambahkan ID pada elemen HTML, Anda dapat menargetkan elemen tersebut dengan menggunakan JavaScript atau CSS. Untuk menargetkan elemen berdasarkan ID, gunakan tanda pagar (#) sebelum nama ID yang ingin Anda targetkan. 

    Berikut adalah contoh kode CSS yang mengatur elemen yang mempunyai ID "judul-utama":

    
    #judul-utama { color: red; font-size: 32px; } 
    

    Pada contoh di atas, kode CSS memberi gaya pada elemen yang mempunyai ID "judul-utama" dengan mengatur warna teks menjadi merah dan ukuran font menjadi 32 piksel.

    Keterbatasan Penggunaan ID

    Sebagai catatan, ID hanya dapat digunakan sekali dalam satu halaman web. Jika Anda ingin memberikan identifikasi pada beberapa elemen, Anda harus menggunakan atribut class. Penggunaan ID secara berlebihan juga dapat mempersulit pemrograman web, karena mengharuskan Anda untuk membuat nama ID yang unik setiap kali Anda menambahkan elemen baru.

    Kesimpulannya, ID pada HTML adalah atribut yang digunakan untuk memberikan identifikasi unik pada suatu elemen. Dengan menggunakan ID, Anda dapat menargetkan elemen tertentu dengan lebih mudah dalam pemrograman web atau gaya CSS. Namun, karena keterbatasan penggunaan ID, Anda harus menggunakan atribut class untuk mengidentifikasi beberapa elemen.

    LihatTutupKomentar