HTML id

ID

id ekak css walata ekathu karaddi id name ekata kalin # bawitha karay
Id නාමයේ අවම වශයෙන් එක් අකුරක්වත් අඩංගු විය යුතුය, අංකයකින් ආරම්භ කළ නොහැක, සහ හිස්තැන් (හිස්තැන්, ටැබ් ආදිය) අඩංගු නොවිය යුතුය.
HTML elements සඳහා අනන්‍ය id එකක් නියම කිරීමට HTML id භාවිතා කරයි.
HTML Document ekaka එකම id nama සහිත html element එකකට වඩා තිබිය නොහැක.
id භාවිතා කරන්නේ style sheet එකක නිශ්චිත style declaration එකක් වෙත යොමු කිරීමට ha JavaScript මගින් නිශ්චිත id සමඟ html element වෙත ප්‍රවේශ වීමට සහ හැසිරවීමට ද භාවිතා කරයි.

<html>
<style>


#one{
  background-color: rgb(0, 0, 0);
  color: rgb(163, 42, 42);
  font-size: 20px;
  padding: 10px;
}

#two{
  text-align: center;
  background-color: rgb(52, 44, 167);
  color: rgb(209, 212, 27);
  font-size: 20px;
  padding: 10px;
}


</style>

<body>


<p id="one">Hello World HTML</p>

<p id="two">Hello World Css</p>


</body>
</html>

id name ekak css walata ekathu karala style karanne mehema

Bookmarks with ID and Links

HTML Bookmark භාවිතා කරනුයේ userta වෙබ් පිටුවක නිශ්චිත කොටස් වෙත පැනීමට ඉඩ සැලසීමටයි.
web page eka ඉතා දිගු නම් Bookmark ප්‍රයෝජනවත් විය හැකිය

Bookmarks with ID and Links


<!--id eka -->
<h2 id="C4">Chapter 4</h2>

<!--id eka bookmark ekata link kirima-->
<a href="#C4">Jump to Chapter 4</a>

<!--wenath page ekaka id ekak link kirima-->
<a href="demo2.html#C4">Jump to News article</a>

apita site eke onema sthnayakata yanna onananm bookmark walin eka kelinma target karanna puluwan. yayuthu location eka labadimata id name bawitha karanawa

Javascript ID

JavaScript හට getElementById() ක්‍රමය භාවිතයෙන් නිශ්චිත ID name සහිත Html elements වෙත ප්‍රවේශ විය හැක:

Javascript ID

<html>
<body>

<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>

<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>

</body>
</html>

id ekak javascript ekakata link karanne mehema