Development| HTML| JavaScript| Questions?

 

 

 

 

 

 

 

 

 

 

 

 

 

Search Tutorials

Latest Questions
Comments
 
Horizontal Rule Attribute in HTML 
 

We already know with Horizontal Rule in HTML page. The Horizontal Rule attribute is same as horizontal rule

 

Horizontal Rule Attribute in HTML

                         

 We already know with Horizontal Rule in HTML page. The Horizontal Rule attribute is same as horizontal rule, but only the difference is that former have attribute to define the property of a line or a paragraph.

Understand with  Example

The Tutorial illustrates an example from Horizontal Rule Attribute in HTML. In this Tutorial, the code apply a  horizontal rule between two lines with attribute color red and between two paragraphs of size 6  in html page.

 The common attribute used in horizontal rule in line or paragraph are -

<color> :This attribute define the color of line in a HTML page.

<size> : The <size> attribute in HTML page define the size between the two paragraph.

<p> :This define the paragraph of HTML page.

<hr> :The <hr> define the horizontal rule, which separate two lines or paragraph in a HTML page.

The code is saved with .html extension

<html>
<head><title>......</title></head>
<body>

<p>Horizontal Rule between two lines with a color:</p>
This is the first line.<hr color="red"/> 
This is the second line.<br/>

<p>Horizontal Rule between two paragraphs with size 6:</p>
<p>This is the first paragraph</p><hr size="6"/>
<p>This is the second paragraph</p>

</body>
</html>

 

Place the path of saved code in url of your browser. The code on execution is displayed as 

Horizontal Rule between two lines with a color:

This is the first line.


This is the second line.

Horizontal Rule between two paragraphs with size 6:

This is the first paragraph


This is the second paragraph

 

Download

                         

» View all related tutorials
Related Tags: html c attributes script io ip examples attribute element elements example with learn exam description ear e il it des

Leave your comment:

Name:

Email:

URL:

Title:

Comments:


Enter Code:

Audio Version
Reload Image
 

Note: Emails will not be visible or used in any way, and are not required. Please keep comments relevant. Any content deemed inappropriate or offensive may be edited and/or deleted.

No HTML code is allowed. Line breaks will be converted automatically. URLs will be auto-linked. Please use BBCode to format your text.

Add This Tutorial To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Training Courses
Tell A Friend
Your Friend Name
Software Solutions
Least Viewed
Most Rated
Recently Viewed
Search Tutorials

 

 
 

Home | JSP | EJB | JDBC | Java Servlets | WAP  | Free JSP Hosting  | Search Engine | News Archive | Jboss 3.0 tutorial | Free Linux CD's | Forum | Blogs

About Us | Advertising On RoseIndia.net  | Site Map

India News

Indian Software Development Company | iPhone Development Company in India | Flex Development Company in India | Java Training Delhi | Java Training at Noida |

Send your comments, Suggestions or Queries regarding this site at roseindia_net@yahoo.com.

Copyright © 2008. All rights reserved.