draac.com logo
 
 

HTML Course

 

Page 5 : Page 5 - Horizontal Rules

A horizontal rule <HR> is a visual page break. They can serve not only as a visual break but also as an informational break. These Attributes Apply To The Horizontal Rule.

HTML Attribute Effect
SIZE=number Indicates how fat
the rule is
WIDTH=number
or WIDTH="%"
Indicates the width in pixels
or in % of page
ALIGN=LEFT
or RIGHT
or CENTER
Indicates the alignment.
works only in
combination with
the WIDTH= attribute

Example:

A Horizontal Rule With, Size, Width And Alignment <HR SIZE=4 WIDTH="60%" ALIGN=CENTER> Result This Line Below



Lets Add A Few Horizontal Rules
To Our Existing HTML Document.

<HTML>
<HEAD>
<TITLE>My First Web Page</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#00FF00" LINK="yellow" VLINK="orange" ALINK="red">
<H1 ALIGN="CENTER">
<i><u>Welcome To My Home Page</u></i></H1>
<P>
<HR SIZE=4 WIDTH="80%" ALIGN=CENTER>
<HR SIZE=4 WIDTH="60%" ALIGN=CENTER>
<HR SIZE=4 WIDTH="40%" ALIGN=CENTER>
<P ALIGN="RIGHT">
<FONT SIZE="3" COLOR="white">
<b><tt>You have just entered<BR>
my first web page.<BR>
I'm just starting out <BR>
writting html, it's fun.</tt></b>
</FONT>
</BODY>
</HTML>

Click Here To See Our HTML Document So Far
Use Your Back Button To Return Here