How to Use HTML id Attribute - HTML id Attribute

The id attribute specifies a unique id for an HTML element. The value of the id attribute must be unique within the HTML document.

The id attribute is used to point to a specific style declaration in a style sheet. It is also used by JavaScript to access and manipulate the element with the specific id.

The syntax for id is: write a hash character (#), followed by an id name. Then, define the CSS properties within curly braces {}.

Full Example of Using HTML id Attribute

In the following example we have an <h1> element that points to the id name "myHeader". This <h1> element will be styled according to the #myHeader style definition in the head section:

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
<style>
#myHeader { background-color: lightblue; color: black; padding: 40px; text-align: center;
}
</style>
</head>
<body>
<h2>The id Attribute</h2>
<p>Use CSS to style an element with the id "myHeader":</p>
<h1 id="myHeader">My Header</h1>
</body>
</html>

Output should be:

Category :	Web Tutorial
Sub Category :	HTML id Attribute
Uploaded by :	Admin

Read Article

https://horje.com/learn/1434/reference