HTML | <hr> Tag
The <hr> tag in HTML stands for horizontal rule and is used to insert a horizontal rule or a thematic break in an HTML page to divide or separate document sections. The <hr> tag is an empty tag and it does not require an end tag.
Tag Attributes: The table given below describe the <hr> tag attributes:
Attribute | 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. |
Syntax :
<hr> ...
Below programs illustrate the <hr> tag in HTML:
Example 1:
<!DOCTYPE html> < html > < head > < title >HTML hr tag</ title > </ head > < body > < p >There is a horizontal rule below this paragraph.</ p > < hr > < p >This is a horizontal rule above this paragraph.</ p > </ body > </ html > |
Output:
Example 2:
<!DOCTYPE html> < html > < head > < title >hr tag with attributes</ title > </ head > < body > < p >Normal horizontal line.</ p > < 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:
Supported Browser: The browser supported by <hr> tag are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari