Attributes
The table below shows a few attributes that allow customization:
| Attribute Values | Value | Description |
|---|---|---|
| align | left center right | Used to specify the alignment of the horizontal rule. |
| noshade | noshade | Used to specify the bar without shading effect. |
| size | pixels | Used to specify the height of the horizontal rule. |
| width | pixels | Used to specify the width of the horizontal rule. |
Example 1: In this example, we will see the implementation of the <hr> tag in HTML.
<!DOCTYPE html>
<html>
<body>
<p>
There is a horizontal rule
below this paragraph.
</p>
<!--HTML hr tag is used here-->
<hr>
<p>
This is a horizontal rule
above this paragraph.
</p>
</body>
</html>
Output:
Output
Example 2: In this example, we will see the implementation of the <hr> tag with some attribute in the HTML.
<!DOCTYPE html>
<html>
<body>
<p>
Normal horizontal line.
</p>
<!--HTML hr tag is used here-->
<hr>
<p>
Horizontal line with height
of 30 pixels
</p>
<hr size="30">
<p>
Horizontal line with height
of 30 pixels and noshade.
</p>
<hr size="30" noshade>
</body>
</html>
Output:
Output
HTML Tag
The <hr> tag in HTML represents a thematic break, typically displayed as a horizontal rule. The primary purpose of the <hr> tag is to create a visual separation between content sections within an HTML page.
Note: The <hr> tag also supports the Global Attributes and Event Attributes in HTML
Contact Us