HTML: A Guide to Hard-Coding

 
   

Starting your first page

The Body

Paragraphs

Headings

Images

Fonts

More Fonts

Line Breaks

Links

Colors

Backgrounds

Horizontal Lines

Mailto

Basic Tables

Advanced Tables

Putting your page Online

Frames

Forms

The Head

JavaScript Drop-Down Menu

Cascading Style Sheets

Basic HTML tags

HTML Home

 

 

Dreamweaver Tutorial

Adobe Acrobat

Faculty Resource Center

 

Susan's Homepage

 

 

Horizontal Lines <HR>

Horizontal lines are a great way to add graphic elements to your pages. They help deal with white space as well as create logical separations between parts of your page. The code is easy, but there a few attributes that you need to deal with.

<hr size=x width=x align=x>

  • hr stands for "horizontal rule"
  • size varies; the smaller the number, the thinner the line
  • width can either be in percents or pixels. Usually, I try to keep my page to 600 pixels across to 400 pixels down. So, a line of 600 pixels would go all the way across my page. Also, I could write "100%" if I wanted the line to go all the way across. If you use percents, remember to use quotation marks.
  • align either left, right or center

If you know most of your viewers use Internet Explorer, you can add a color also. Unfortunately, Netscape ignores color.

Save and reload in the browser.

Netscape ignores the code for color.

Make sure you use plenty of whitespace or empty space on your page. It is probably the single most important design element.

Go on to the next page.