Menentukan Nilai Identitas Unik Elemen HTML Menggunakan Atribut ID
<!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: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.
<!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="BonsResult()">
Display perubahan teks
</button>
<script>
function BonsResult()
{
document.getElementById("mkn").innerHTML
= "Portal Ilmu Komputer";
document.getElementById("mkn").style.color
= "black";
}
</script>
</body>
</html>
- 2 Value Utama pada Penggunaan Atribut Method HTML
- 2 Contoh Program Penggunaan Atribut Min pada HTML
- 2 Contoh Program Penggunaan Atribut Multiple pada HTML
- Penjelasan Singkat, Penggunaan Atribut Novalidate pada HTML
- 11 Atribut yang Tidak Dapat Menggunakan Atribut Onblur pada HTML
- 2 Contoh Penggunaan Atribut Oncopy pada File HTML
- 2 Contoh Program Penerapan Atribut Oncut pada File HTML
5 komentar untuk "Menentukan Nilai Identitas Unik Elemen HTML Menggunakan Atribut ID"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Apa yang dimaksud dengan atribut id pada html?
BalasHapusAtribut global id merupakan atribut html yang digunakan untuk mendefinisikan pengidentifikasi atau id yang bersifat uni pada seluruh dokumen.
HapusApa tujuan dari penggunaan atribut id pada html?
BalasHapusTujuan dari penggunaan atribut id adalah untuk mengidentifikasi elemen ketika melakukan penautan atau menggunakan pengenal fragmen, script, atau style CSS.
HapusAtribut 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