PageTutor.com - HTML Tutorials

Another little widget that you will find yourself using a lot is the Horizontal Rule.

<body>
<hr>
</body>



We have a few options available to us...

<body>
<hr width="20%">
<hr width="50%">
<hr width="100%">
<hr width="20">
<hr width="50">
<hr width="100">
</body>








This one is pretty self explanatory.

<body>
<hr width="60%" align="left">
<hr width="60%" align="right">
<hr width="60%" align="center">
</body>





We can control the thickness of the line...

<body>
<hr width="60%" size="1">
<hr width="60%" size="3">
<hr width="60%" size="8">
<hr width="60%" size="15">
</body>






And we can make it a solid line.

<body>
<hr width="60%" size="1" noshade>
<hr width="60%" size="3" noshade>
<hr width="60%" size="8" noshade>
<hr width="60%" size="15" noshade>
</body>





 

<< BACK         NEXT >>
pagetutor.com

QUICK SITE GUIDE

"Live as if you were to die tomorrow. Learn as if you were to live forever."
- Mahatma Gandhi