Artikel Terbaru

2 Contoh Program Penerapan Atribut ID pada HTML

Atribut ID merupakan identifikasi unik yang digunakan untuk menentukan suatu dokumen. Atribut ID digunakan menggunakan CSS dan JavaScript untuk menampilkan beberapa penugasan pada elemen yang bersifat unik. Pada CSS, atribut id digunakan menggunakan simbol '#' yang diikuti keyword id. 

Sintak:
<tag id=""></tag>

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Atribut Id

</title>

 

<style>

#mkn 

{

color:#009900;

font-size:50px;

font-weight:bold;

text-align:center;}

 

#dogle 

{

text-align:center;

font-size:20px;}

</style>

</head>

 

<body>

<div 

id="mkn">

Blog Elfan

</div>

 

<div 

id="dogle">

Portal Ilmu Komputer

</div>

</body>

 

</html>

Output:
Blog Elfan
Portal Ilmu Komputer

Catatan: pada HTML5, atribut id dapat digunakan pada jenis HTML apapun tetapi tidak pada HTML4.01, karena memerlukan beberapa batasan tertentu. Atribut id tidak dapat digunakan pada tag <base>, <head>, <html>, <meta>, <param>, <script>, <style>, dan <title>. Pada HTML4.01 penggunaan atribut id tidak dapat dimulai dengan angka.

Pada JavaScript, atribut id dapat digunakan untuk memanipulasi teks guna membuat perubahan pada elemen presisi yang terdapat di dalam script, yang kemudian digunakan bersamaan dengan atribut id.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Penggunaan id pada javascript

</title>

 

<style>

#mkn 

{

font-size:50px;

color:#009900;

font-weight:bold;

margin-bottom:10px;}

</style>

</head>

 

<body>

 

<div 

id="mkn">

Blog Elfan

</div>

 

<button 

onclick="geeksResult()">

Display perubahan teks

</button>

 

<script>

function geeksResult() 

{

document.getElementById("mkn").innerHTML 

= "Portal Ilmu Komputer";

document.getElementById("mkn").style.color 

= "black";

}

</script>

 

</body>

 

</html>

Komentar

  1. Apa yang dimaksud dengan atribut id pada html?

    BalasHapus
    Balasan
    1. Atribut global id merupakan atribut html yang digunakan untuk mendefinisikan pengidentifikasi atau id yang bersifat uni pada seluruh dokumen.

      Hapus
  2. Apa tujuan dari penggunaan atribut id pada html?

    BalasHapus
    Balasan
    1. Tujuan dari penggunaan atribut id adalah untuk mengidentifikasi elemen ketika melakukan penautan atau menggunakan pengenal fragmen, script, atau style CSS.

      Hapus
    2. Atribut id digunakan untuk menentukan id unik pada elemen html. Nilai atau value atribut id harus bersifat unik dalam dokumen html yang digunakan untuk menunjuk ke deklarasi style tertentu pada lembar CSS. atribut ini juga digunakan oleh JavaScript untuk mengakses dan memanipulasi elemen dengan id tertentu.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Hot Artikel!!!

Enkapsulasi pada Java

6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

6 Contoh Program Method Overloading pada Java