HTML Tutorials: Horizontal Line
Horizontal lines can serve as separaters on your web
page.
Horizontal lines (a.k.a. horizonal rules) are a great
way to separate your web page into different sections and
add visual borders. The basic syntax for a horizontal line
is
The basic tag will create a line like this:
But it may also look as extravagant as this:
If you too would like to create such and impressive line,
here's how:
<hr color="#CC2277" size="25">
Notice that the color can be either common names or hexadecimal
codes and the size is equal to the height in pixels.
I can also express the width of the line like this:
In the above example, the color of the line is #006600,
the height is 25 pixels, and the width of the line is
60% of my original line because my code reads:
<hr color="#006600" size="25" width="60%">
To sum it up, here is a little table of the attributes
that you can use with the horizontal line:
Height of Line |
(expressed in pixels) |
Width of Line |
(can also be expressed in pixels) |
Color of Line |
(can also be expressed in common names) |
|
