The id attribute designates a unique identifier for an HTML element. Its value must be unique within the HTML document.
The id attribute is utilized to reference a specific style declaration in a style sheet. Additionally, it enables JavaScript to access and modify the element with the designated id.
The syntax for id is as follows: prepend a hash character (#) followed by the id name. Then, specify the CSS properties within curly braces {}.
In the given example, an <h1> element is associated with the id “myHeader”. This <h1> element will be styled based on the #myHeader style definition in the head section.
Example
| <!DOCTYPE html> <html> <head> <style> #myHeader { background-color: lightblue; color: black; padding: 40px; text-align: center; } </style> </head> <body> <h1 id=”myHeader”>My Header</h1> </body> </html> |
|
Note: The id name is case sensitive! Note: The id name must comprise at least one character, cannot commence with a number, and must be devoid of whitespaces (spaces, tabs, etc.). |