Horizontal Rules - the World
(more than you ever wanted to know about the <hr> tag)

INSTRUCTIONS - Duplicate everything on this page, to the best of your ability, below the first horizontal rule.
Save your files as "horizontal.htm"
Use Firefox to check your work.

Back to PAT1 Home


YOUR NAME HERE

Here is a list of attributes for the <hr> tag:

width="number value" OR width="percent value "
Use this to modify the width of the horizontal rule. You can use pixels (default unit) or a percentage of the page width.
Default is 100% of the window.

align="left" / "center" / "right"
Use this to align the horizontal rule to the left or right of the page.
If width is not set then alignment does not matter.

size="number value"
Use this to adjust the vertical size of the horizontal rule.
Default size is 2.

noshade
Use this to make your horizontal rule a solid stripe across the page, rather than a shaded stripe.
Default is shaded

As we saw with the <p> tag, to use an attribute, insert it into the tag, after a space:

<hr width="250">


If you're going to use more than one attribute, separate each with a space, as so:

<hr width="33%" noshade>


Alright, now create the following horizontal rules:

 

1)

2)


3)


4)


 

5) Which give you a wider horizontal rule - "350" or "40%"?

5) Finally, take a look at the same page using Internet Explorer. What conclusions might you draw?