HTML Tutorial - Horizontal Ruled Lines

Horizontal Ruled Lines

Horizontal Ruled Lines are used to separate different areas of a web page. The tag for a horizontal ruled line is <hr>. The horizontal ruled line DOES NOT have a closing tag and looks something like this:

You can see how it would be very useful in separating different parts of your web page. You can also add certain attributes to the <hr> tag such as width or size. The width attribute can be a fixed number or a percentage while the size of the line is just a fixed number. The width pertains to how wide the line will extend across the screen and the size pertains to the actual thickness of the line. You can use just one attribute or use multiple attributes at the same time as shown in the examples below:

Note: Just using the <hr> tag results in a line that extends the entire width of the screen and has a size of 2.

**Putting together everything we have learned so far, you could produce an HTML document that looks like this:

<html>

    <body>
    <h2>My First Web Page</h2>
    <hr>
    <h4>Headings are fun!</h4>
    </body>

</html>

To view this web page, click here.

<---Back to Headings On to Paragraphs--->