News GoLive Help and Tutorials HTML Help and Tutorials JavaScript Help and Tutorials Links, Files, and Resources Contact and Contribution Info
 
   
HTML Tutorial
HTML Basics : Horizontal Rules

Horizontal Rules

You know about these too: here's one:


And here's another one, of the other type:


The HTML for these is incredibly simple:

For the first type (the 3D lines): <HR>

For the second type (the solid lines): <HR NOSHADE>

That's it! Incredibly easy! However, you might also want to have lines that are less than the full width of the page, like so:




We have done two things here: adjusted the WIDTH of the lines, and also adjusted the ALIGNMENT of them. You do this like so:

For the first line of the three above: <HR WIDTH="50%" ALIGN="left">

For the second line: <HR NOSHADE WIDTH="80">

For the third line: <HR WIDTH="40%" ALIGN="right">

NOTE that you can specify widths as PERCENTAGES or as ABSOLUTE VALUES. The percentages are percentages of the width of the page, and the absolute values are numbers of pixels wide. The ALIGN parameter is self-explanatory.

Lastly, you can also adjust the HEIGHT of a line of either type, like this one:


The HTML parameter for this is SIZE and is measured again in pixels. So, the code for the above line is:

<HR SIZE="17">

And that's all there is to know about lines!

Back to HTML Basics

  
These tutorials were contributed by Matt Ridley. If you have any questions, corrections, or suggestions on how to improve it, you may email him at mattman@mattman.net. Visit his own site at http://www.mattman.net.

Matt currently works for the GoLive Technical Support Center, and regularly shares his knowledge with users of the GoLive Talk List.

Sources: Personal experience.


Back to HTML Tutorials

Design and Content ©1999 WebDawn Multimedia. View our Copyright Notice.
Send Comments and Feedback to the WebMaster.