html tutorial here

Use this Dropdown Box to find a quick
link to the page you are looking for.

Click for Basic HTML Index

Horizontal Rules

orizontal Rules can come in handy when you need to separate sections on your page. You can make them go all the way across your page (which I am not going to do here) or you can set the width using percentage. Personally, I prefer shorter rules because they tend to be more attractive and serve the same purpose. Color can be added also, but last I heard Netscape doesn't recognize it. Netscape users will see the same gray rule as usual, but others will see the color. No problem there. Use color if you want to. I do. The code goes like this: <HR> To add color and size you write it like so:

<HR width=25% color="#FF0000>

s you can see, I set the width to 25% and the color to red. This is what it would look like:


ice, huh? Okay, a few more tips and you're on your own. You can set the thickness of a horizontal rule like this:

<HR SIZE=x>

This one is set at 2.


This one is set at 4.


This one is at 6.


I added color to this one and set it to 8.

If you prefer one that is solid with no shadow, you write it like this:

<HR NOSHADE> - inserts a solid rule with no shadow like this:


You can align your horizontal rule using:

ALIGN=RIGHT
ALIGN=LEFT
ALIGN=CENTER     

    

 

This is aligned right:


This is aligned left:


And this is centered:


And this is an example of the code:

<HR width=50% color="#ff0000" ALIGN=CENTER>

And that's about the size of it!

Lesson 10

Email: debi@shadowfiregraphics.com