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:



filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>                    

chevron_right






                        filter_none








Output:




Example 2:











                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    code
                                




















<!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> 



















                        chevron_right







                        filter_none








Output:




Supported Browser: The browser supported by <hr> tag are listed below:


    

  • Google Chrome
    • 

  • Internet Explorer
    • 

  • Firefox
    • 

  • Opera
    • 

  • Safari
    • 



full-stack-img





    

        My Personal Notes
        arrow_drop_up
    

    

        
        

            
            
        

    


Recommended Posts:
Shubrodeep Banerjee
Check out this Author's contributed articles.
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on  the "Improve Article" button below.


					
		

    Article Tags : 
CSS
HTML
Web Technologies

           	
Practice Tags : 
HTML

        

         

         
 
                2

                

        



        
        
        
        
        

    

            

            1
            

            

             
                 Based on 1 vote(s)
                    

            
            
            
            
            
        

        
        

        

        

        

        

        

        


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.