Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Html Horizontal Rule in HTML

Related Tutorials


 
 

Share on Google+Share on Google+

Horizontal Rule in HTML

Advertisement
A horizontal Rule in HTML is used to separate two lines or two paragraph between any two objects 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

Advertisements

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: December 3, 2008

Related Tutorials

Discuss: Horizontal Rule in HTML  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0
DMCA.com