Penggunaan Attribute id HTML

Penggunaan Attribute id HTML

Berikut adalah contoh penggunaan attribute id dalam HTML

HTML
<!DOCTYPE html>
<html>
<head>
    <title>Contoh Penggunaan Attribute id</title>
  <style>
    #judul {
    color: red;
    }
</style>
</head>
<body>
    <h1 id="judul">Ini adalah judul</h1>
    <p id="paragraf">Ini adalah paragraf</p>
    <div id="konten">Ini adalah konten</div>
</body>
</html>
HTML

Dalam contoh di atas, kita menggunakan attribute id untuk memberikan identifikasi unik pada elemen-elemen HTML. Attribute id digunakan untuk memberikan nama unik pada elemen tertentu dalam halaman web.

Output:

See the Pen Penggunaan Attribute id HTML by De Orchids (@De-Orchids) on CodePen.

Dalam contoh tersebut, kita memberikan id dengan nilai “judul” pada elemen <h1>, nilai “paragraf” pada elemen <p>, dan nilai “konten” pada elemen <div>. Dengan menggunakan id, kita dapat dengan mudah mengidentifikasi dan memanipulasi elemen-elemen tersebut menggunakan CSS atau JavaScript.

Dengan menggunakan id, kita dapat mengakses elemen secara spesifik dan melakukan modifikasi atau manipulasi sesuai kebutuhan.

Penting untuk diingat bahwa id harus unik dalam satu halaman web. Jadi, pastikan untuk memberikan id yang berbeda untuk setiap elemen yang ingin diidentifikasi secara unik.

Dengan menggunakan attribute id dalam HTML, kita dapat dengan mudah mengidentifikasi dan memanipulasi elemen-elemen dalam halaman web dengan lebih efisien.

Leave a Reply

Your email address will not be published. Required fields are marked *