HTML Tutorials for the Complete Idiot
Has Relocated to a New Domain!
MyHTMLTutorials.com
Please make changes to any of your links/favorites to point this new location.
You will automatically be redirected to the new site in 10 seconds.
Making a horizontal rule, or line as most of us refer to it, is easier than most people think. It's one small, short, and simple command; <HR>. Here's what is looks like in it's simplest form.
And, here's the amazing code that made it.
Pretty simple as you can see. That's all there is to it. I have used the <HR> command all over these tutorials, so this tutorial may get a bit confusing at times. The next line is just a section break.
The SIZE is measured in pixels. Try using 3, 5, or maybe 10 to see what thickness' you like. The COLOR attribute will only work with the Internet Explorer browser so I wouldn't use it unless absolutely necessary. The COLOR should be in hexadecimal form.
I use WIDTH attribute much more than any of the others. The WIDTH can be entered in pixels or as a percentage of the browser's window width. Here are some examples with the WIDTH attribute used.
And, here's the code.
And, here's the code.
I really like to use the percentages, because it makes you web page seem to fit to the viewers browser. To see what I mean, increase or decrease the width of your browser window by clicking the edge of the window and dragging it to the right or left. Watch how the line created with a percentage adjusts to the width of the browser window.
The ALIGN attribute is also very useful. It allows you to justify your line to the RIGHT , LEFT, or CENTER. For most browser's, CENTER is the default and is not needed in the <HR> command. NOSHADE is the last attribute and it make the line solid instead of having a shading effect.