left-pointing arrow for navigating to previous page

HTML Tutorial: Headings and Rules


right-pointing arrow for navigating to next page

Horizontal Rules ( <hr> )

See those lines over and under the title, just above? Horizontal rules. This is another tag that has no end tag. It's got two of useful attributes.

<hr>

<hr width='80%'>

<hr align=center width='80%'>

Use these like fresh-ground black pepper—a little is good; a lot ruins the dish.

Headings ( <h1>  thru  <h6> )

Noticed the headings, like the line above? That's an <h3> head with some fancy style work. These are the full range of default headings:

<h1> This is an "H1" Heading </h1>

<h2> This is an "H2" Heading </h2>

<h3> This is an "H3" Heading </h3>

<h4> This is an "H4" Heading </h4>

<h5> This is an "H5" Heading </h5>
<h6> This is an "H6" Heading </h6>

Experiment

Try a horizontal rule with the size attribute (<hr size=3>). It's the line width, in pixels. I never use it, but you might like it.

We'll put rules and headings into play right after we look at character entities. Six syllables: "CARE-ack-ter EN-ti-tees." Six syllables, but they're no harder than rules and headings.

At the top of the page you may have noticed the "©" symbol. That's next.

Explain "©" please!