Horizontal Rule

Ø  Used to separate blocks of text in a document

Ø  Puts a straight line across the page

Ø  No end tag

            <HR> - puts a horizontal line

Example: Text Block 1 <HR> Text Block 2

 Attributes

-          you can change the length, thickness, color and alignment of  the horizontal using the Horizontal Rules attributes.

Width

-          changes the width of the horizontal rule

Values can be:

                  In Pixel

                  In Percentage

Example:

                  <HR WIDTH= “50”> - puts a 50 pixels long line

                  <HR WIDTH= “50%”> - puts a line 50% of the pages width

Size

-          changes the size of the of the Horizontal rule

Values: Pixel

Example: <HR SIZE= “2”> - puts a 2 pixels thick line

Align

-          changes the alignment of the horizontal rule

Values:

            LEFT – aligns the horizontal rule to the left

            RIGHT – aligns the horizontal rule to the right

            CENTER (default value) – centrally aligns the horizontal rule

Example:         <HR ALIGN = “LEFT”>

                                                <HR ALIGN= “RIGHT”>

 NOSHADE

-         removes the default shaded (3D like) display of the horizontal rule

Example: <HR NOSHADE>

COLOR

-          changes the color of the horizontal rule

Values can be:

      Color Name – name of the color (Ex: Red, Blue, Black, etc.)

      Color Code – 6 Digits Hexadecimal Color Code

Examples:

                  <HR COLOR = “Red”>

                  <HR COLOR = “#FF0000”>