
	Free Webmasters Resource
	Free Graphics, Tutorials, Scripts, Webmaster Forums, Web Templates, SEO Tools, & Much More!!

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

<hr>

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:

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:

To sum it up, here is a little table of the attributes that you can use with the horizontal line:

Height of Line	<hr size="x"> (expressed in pixels)
Width of Line	<hr width="x%"> (can also be expressed in pixels)
Color of Line	<hr color="#707070"> (can also be expressed in common names)

Tutorials: HTML
Title/Description	Level
Backgrounds: Tutorial Learn how to effectively add backgrounds to your page that make your page look professional or amateur.	Beginner
Imagemaps: Tutorial Make one image into various clickable regions using only HTML	Intermediate
Embedding Fonts: Tutorial Learn how to use uncommon fonts in web pages by embedding them.	Advanced
Images: Tutorial Positioning images can make your images look just right when inserted into text.	Intermediate
Form Effects: Tutorial Learn how to create trendy forms with simple style commands as well as with CSS classes.	Intermediate
Layers: Tutorial Layers can make complicated image placement possible.	Advanced
Forms: Tutorial Use forms to gather information from your users.	Advanced
Links: Tutorial Making links in HTML is the easiest thing you will ever do.	Beginner
Frames: Tutorial Learn how to create frames that enable you to create navigation systems on your site.	Advanced
Scrollbars: Tutorial Learn how to add effects to your scrollbars and add flavor to your page.	Advanced
Hide From Print: Tutorial Learn how to only allow a visitor to print part of your page using CSS.	Intermediate
SSI: Tutorial Learning how to do SSI will save you a lot of authoring time.	Advanced
Horizontal Line: Tutorial The horizontal line serves as a great separator tool.	Beginner
Table Styles: Tutorial Learn how to add various table styles such as dash or dot borders, and many other things.	Intermediate
Iframes: Tutorial Iframes can organize your website into clean sections.	Advanced
Tables: Tutorial Organize your web page layouts with tables.	Intermediate
216 Web Safe Color Chart: Tutorial The 216-color color-safe palette refers to colors (RGB values) that will appear the same on either IE or Netscape and Windows or Mac platforms.	Beginner
Pantone RGB/Hex/HTML Colors: Tutorial This table contains all pantone colors converted to RGB and Hex. It displays them all in HTML colors.	Intermediate

Computer Playground · Templates Resource

Free Graphics, Tutorials, Scripts, Webmaster Forums, Web Templates, SEO Tools, & Much More!!

Horizontal Line

Tutorials: HTML

Title/Description

Level