Create Headings for Your Web Page


This page includes:

The HTML for Headings

Headings are useful for creating headings (titles) and subheadings to help organize your web pages. Headings use an <H1> opening and closing tag. There are 6 sizes for headings, as seen below:

<H1> An H1 Heading </H1>

<H2> An H2 Heading </H2>

<H3> An H3 Heading </H3>

<H4> An H4 Heading </H4>

<H5> An H5 Heading </H5>
<H6> An H6 Heading </H6>

These tags also create the space below the tag, so you don't need to follow a heading tag with a paragraph <P> tag.

Using These Tags - A Sample Page

Below, between the dashed lines (===), you'll find a sample web page you can type in your text editor. You can preview how this looks on a web page, too.

======================================
<HTML>
<HEAD>
<TITLE>
My First Web Page
</TITLE>
</HEAD>
<BODY>
<H1>Welcome to My Home Page!</H1>
<P>
This is my first web page. I'm learning the most important HTML tags.
<H2>What I'm Learning</H2>
Now I can create <B>bold</B>, <I>italic</I> and <U>underlined</U> text on my web page.
</BODY>
</HTML>
=======================================

Tips for Using These Tags

You'll want to use these tags sparingly: overusing them weakens their impact and usefulness.

You can also combine headings with the FONT tag.

Troubleshooting These Tags

Q. Help! My web page is all in great big type!
A. You're missing the closing tag for your heading. Make sure you've included </H1> (or whatever the appropriate closing heading tag) wherever you want your heading to end.

Q. I used the H1 tag for my web page title, but it didn't do anything. As a matter of fact, the title isn't even on the web page!
A. It sounds like you've tried to use the H1 tag within the <TITLE> tag. Remember, the text within the <TITLE> tags will go in the web browser title bar, not on the web page itself. Remove the <H1> tag from the title portion of the document. You want to create a heading on your web page, between the <BODY> and closing </BODY> tags.

Create Your Own Web Adventure with the Web Diner!

All content copyright of Web Diner Inc., 2000. Do not redistribute or repost this content.
Tutorials | Home | Glossary