[ acky.net logo ]




HTML

Shells Starting at $4.99
Shells Starting at $4.99

How to Insert Horizontal Rules:

Default Rule | Red Rule | Blue Rule | Yellow Rule | Purple Rule | Green Rule |
Orange Rule | 50% Rule | Change the Height | Combination Rule

Default Rule:  > Back > Top

To insert a plain horizontal rule is very simple all you need to do is insert the <HR> tag in the <BODY> tags where you want the rule to be.

ex:

<HTML>
<HEAD><TITLE>Ack</TITLE></HEAD>
<BODY><HR>
</BODY>
</HTML>

preview:

Red Horizontal Rule:  > Back > Top

To change the color of the rule all you need to do is follow this basic layout. Here are a few examples of the different colors
List of colors

ex:

<HTML>
<HEAD><TITLE>Ack</TITLE></HEAD>
<BODY><HR color="#ff0000">
</BODY>
</HTML>

preview:

Orange Rule:  > Back > Top

ex:

<HTML>
<HEAD><TITLE>Ack</TITLE></HEAD>
<BODY><HR color="#ff8000">
</BODY>
</HTML>

preview:

Yellow Rule:  > Back > Top

ex:

<HTML>
<HEAD><TITLE>Ack</TITLE></HEAD>
<BODY><HR color="#ffff00">
</BODY>
</HTML>

preview:

Green Rule:  > Back > Top

ex:

<HTML>
<HEAD><TITLE>Ack</TITLE></HEAD>
<BODY><HR color="#80ff80">
</BODY>
</HTML>

preview:

Blue Rule:  > Back > Top

ex:

<HTML>
<HEAD><TITLE>Ack</TITLE></HEAD>
<BODY><HR color="#0000ff">
</BODY>
</HTML>

preview:

Purple Rule:  > Back > Top

ex:

<HTML>
<HEAD><TITLE>Ack</TITLE></HEAD>
<BODY><HR color="#800080">
</BODY>
</HTML>

preview:

50% Rule:  > Back > Top

You can also adjust the width of the horizontal rules by inserting the WIDTH tag between the <> brackets for the horizontal rule.

ex:

<HTML>
<HEAD><TITLE>Ack</TITLE></HEAD>
<BODY><HR width=50%>
</BODY>
</HTML>

preview:

Change the Height:  > Back > Top

To adjust the height of a horizontal rule simply insert the SIZE attribute  in the <HR> tag.

ex:

<HTML>
<HEAD><TITLE>Ack</TITLE></HEAD>
<BODY><HR size="8">
</BODY>
</HTML>

preview:

Combination Rule:  > Back > Top

You can have a number of different attributes all at once to any horizontal rule. This one is 50% wide, 8 pixels high and is red.

ex:

<HTML>
<HEAD><TITLE>Ack</TITLE></HEAD>
<BODY><HR size="8" width="50%" color="#FF0000">
</BODY>
</HTML>

preview: