Horje
How to Use 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:

Full Example of Using HTML id Attribute





Related Articles
What is HTML id Attribute HTML id Attribute
How to Use HTML id Attribute HTML id Attribute
What are the Difference Between HTML Class and ID HTML id Attribute
How to create HTML Bookmarks with ID and Links (Jump to Specific Text) HTML id Attribute
How to use The id Attribute in JavaScript HTML id Attribute

Single Articles
Full Example of Using HTML id AttributeHTML id Attribute

Read Full:
HTML id Attribute
Category:
Web Tutorial
Sub Category:
HTML id Attribute
Uploaded:
1 year ago
Uploaded by:
Admin
Views:
56


Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_id_css

Share on: