The HR tag
Some people ask me why I give so much importance to the HR tag, I will show you why! First, a HR
tag will produce this;
doesn't seem to big of a deal ehh? Well, I will show you that there is alot more to it! To produce
that line above, open up Notepad, type in the basic TAGS that I have discussed, and inside the BODY
TAG, type <HR>. Then go to FILE SAVE AS and save it as index.html Then open up the
index.html in Internet Explorer, if you do not know how to do this, go to the RUN line and type
in C:\index.html note, you have to save the index.html file in your C:\ for the RUN command to work.
You see!! a line goes across your screen! So you're still saying, what's the big deal with the
HR tag ehh? Well now we are going to make it better, pretty soon you'll have some lines like this:
Pretty colorful you think? To most TAGS that go inside the BODY tag, you will be able to add
more commands inside the tag, for example, <HR WIDTH=100 COLOR="RED"> is the commands I added to the
HR TAG to change it, so it's not just a basic gray line going across your screen anymore.
I put a special section to the HR tag because, I have read over a dozen of HTML guides and not
one had the extra commands to the HR tag, how did I know about them then? Well, you have to experiment
a little, and you find some pretty amazing things! If you look at the HR command that I used, <HR WIDTH=100 COLOR="RED">
you may ask yourself what is 100 after the WIDTH=, 100 specifies the amount of characters, therfore, it is 100 characters in width.
Then we added the COLOR="RED", this is pretty much self explanatory, you added a color to the HR, here it is RED, see the HEX color
section for more colors which is coming up later on. HR by the way stands for Horizontal Rule, not a gray line!!!
The width, color commands can be added to most tags, there is also the height=100 (100 can be changed to any amount desired) but it does not work with the HR tag (For those of you confused, I meant the height=100 does not work on the HR tag). We will discover some more as we go along to the next lesson, aligning text! Click on the Go Foward -> link below to go to it!
<- Go Back Contents
Go Foward ->
Back Home
Copyright © 96-98 All Rights Reserved