Tutorialspoint.dev

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:

Browser Support:

  • Apple Safari 1+
  • Google Chrome 1+
  • Firefox 1+
  • Opera 4+
  • Internet Explorer 2+


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter