Draac.Com's Html Course

• The Board
• Html Extras
• Html Test Bed

Draac.Com's Html Course

Page 5 - Html Course
Horizontal Lines

• Page 5 - Lines

Horizontal Rules
A horizontal rule <HR> is a visual page break.
They can serve not only as a visual break
but also as an infomational 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
percent must be in quotes

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">
Welcome To My Home Page</H1>

<HR SIZE=4 WIDTH="80%" ALIGN=CENTER>
<HR SIZE=4 WIDTH="60%" ALIGN=CENTER>
<HR SIZE=4 WIDTH="40%" ALIGN=CENTER>


<tt>You have just entered 
my first web page. 
I'm just starting out 
writting html, it's fun.</tt>

</BODY>
</HTML>

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

Back------Next

Draac.Com Is Hosted By ValueWeb
Register UK domain names at Domain Names UK