Draac.Com - Building A Better Internet


  The Board

  Html Extras

  Html Test Bed

QuickLinks - What Are These ? DraacMail Web Tools - Resources The Board Home - Draac.Com
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">
<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


Back Back------Next Next

ValueWeb Banner
Draac.Com Is Hosted By ValueWeb

Register UK domain names at Domain Names UK

| Advertise | Link To Us | Status/Updates | Privacy Statement |
| Copyright © 1999-2003 Draac.Com © All Rights Reserved. |