A horizontal Rule in HTML is used to separate two lines or two paragraph between any two objects in HTML.To apply horizontal rule, the <hr> tag is used in a HTML code.
Understand with Example
The Tutorial illustrates an example from Horizontal Rule in HTML.In this Tutorial, the code create a horizontal rule to a paragraph, which gives you a separate section of a line or a paragraph of your document. The use of HTML Horizontal Rule provides the user to read the document consistent, clean and more readable.
The code begin with <html> tag, explain the browser that this is an HTML document.
The <p> defines the paragraph of the HTML page.
The <hr> define the horizontal line of the html page, the <hr> tag separate two lines or paragraphs from each other in html page.
The code is saved with .html extension.
<html> <head><title>......</title></head> <body> <p>Horizontal Rule between two lines:</p> This is the first line.<hr/> This is the second line.<br/> <p>Horizontal Rule between two paragraphs:</p> <p>This is the first paragraph</p><hr/> <p>This is the second paragraph</p> </body> </html>
Now place the path of your html code into your url of browser. The browser run the html code and output is displayed as
|Horizontal Rule between two
This is the first line.
This is the second line.
Horizontal Rule between two paragraphs:
This is the first paragraph
This is the second paragraph
If you enjoyed this post then why not add us on Google+? Add us to your Circles
Liked it! Share this Tutorial
Discuss: Horizontal Rule in HTML
Post your Comment