- HTML Basics
- HTML Home
- HTML Basics
- HTML Document Structure
- HTML Data Types
- HTML Attributes
- HTML Fonts
- HTML Headings
- HTML Character Entities
- HTML Horizontal Line
- HTML Line Break
- HTML Paragraph
- HTML Citation Definition
- HTML Quotations
- HTML Comments
- HTML Styles
- HTML Formatting
- HTML CSS
- HTML Tags
- HTML Basic Tags
- HTML All Tags
- HTML Root Tags
- HTML Metadata Tags
- HTML Section Tags
- HTML Head Heading Tags
- HTML Flow Tags
- HTML Phrasing Tags
- HTML Embedded Tags
- HTML Interactive Tags
- HTML Meta Tags
- HTML Texts
- HTML Text Formatting
- HTML Physical Style Text
- HTML Logical Style Text
- HTML Organizing Text
- HTML Arranging Text
- HTML Displaying Lists
- HTML List
- HTML Links Tables
- HTML Links URLs
- HTML Links
- HTML URL Encode
- HTML Tables
- HTML Images Colors
- HTML Images Colors
- HTML Images
- HTML Color Codes
- HTML Canvas
- HTML Backgrounds
- HTML Forms
- HTML Forms
- HTML Form Tag
- HTML Input Tag
- HTML Button Tag
- HTML Multiple-Choice
- HTML Select Tag
- HTML Option Tag
- HTML Optgroup Tag
- HTML Textarea Label
- HTML Fieldset Legend
- HTML Datalist Tag
- HTML Keygen Tag
- HTML Output Tag
- HTML Progress Tag
- HTML Meter Tag
- HTML Submit Form
- HTML enctype Attribute
- HTML action Attribute
- HTML Method Attribute
- HTML Get Method
- HTML Post Method
- HTML Interactive
- HTML Interactive Web
- HTML Details Summary
- HTML Menu Tag
- HTML Command Tag
- HTML KBD Tag
- HTML Time Tag
- HTML Multimedia
- HTML Multimedia
- HTML Multimedia Tags
- HTML Audio Video
- HTML Embedded Multimedia
- HTML EMBED Tag
- HTML OBJECT Tag
- HTML FIGURE FIGCAPTION
- HTML Advance
- HTML Blocks
- HTML Classes
- HTML Iframes
- HTML JavaScript
- HTML Layouts
- HTML Responsive
- HTML Test
- HTML Online Test
- Give Online Test
- All Test List
HTML Horizontal Line
The HTML horizontal line is used to draw a horizontal line in a web page. It is used to divide an HTML page into the different horizontal sections. Horizontal lines are required when we need to display different types of content in the same HTML page in a distinct manner. The HR element is used to represent the horizontal line. It is an empty tag. Therefore, it does not contain any content in it.
HTML Horizontal Line Attributes
The table given below describes attributes of horizontal line (HR element).
Attribute | Purpose |
---|---|
class | Defines the name of class |
lang | Defines the language for the rule |
dir | Defines the direction of the rule, that is from left to right or right to left |
id | Defines the value of id |
onClick | Opens an HTML document on a mouse click |
onDblClick | Opens an HTML document on a double-click |
onKeyDown | Opens an HTML document on pressing of a key |
onKeyPress | Opens an HTML document on pressing and releasing of the mouse button |
onKeyUp | Opens an HTML document when a key is released |
onMouseDown | Opens an HTML document on clicking of a mouse button |
onMouseMove | Opens and HTML document on moving of the mouse pointer |
onMouseOut | Opens an HTML document when the mouse pointer moves out of the document |
onMouseOver | Opens an HTML document when the mouse pointer moves over the element |
onMouseUp | Opens an HTML document on releasing of the mouse button |
style | Defines an inline style of the element |
title | Provides an extra information about the element |
HTML Creating Horizontal Line Example
Here is an example shows how to create a horizontal line in HTML.
<!DOCTYPE html> <html> <head> <title>HTML Horizontal Line Example</title> </head> <body> <p>This is HTML Horizontal Line Example. <hr /> shows how to create a horizontal line on a web page.</p> </body> </html>
Here is the sample output produced by the above HTML Horizontal Line example code:

« Previous Tutorial Next Tutorial »
Like/Share Us on Facebook 😋