Horizontal Rule in HTML

A horizontal Rule in HTML is used to separate two lines or two paragraph between any two objects in HTML.

Horizontal Rule in HTML

Horizontal Rule in HTML

     

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 lines:

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

 

Download