the web workshop

So far, your Web page contains a few lines of content but it doesn't have a heading.

There are six different headings you can use. Table 6.4 shows the six different header levels, from largest to smallest. The header level will determine how the content of your heading is displayed.

Headings, like paragraphs are also block-level elements ; they contain content.

Therefore Headings must have a opening and closing tag.

Headers for HTML Documents :

Opening Tag Closing Tag Resulting Visual Effect

This is Header 1


This is Header 2


This is Header 3


This is header 4

This is header 5
This is header 6


feetSteps to Success

  1. after the opening body tag <body>
    type an opening header tag <h1>
    type Welcome to My Web Page!
    type a closing header tag </h1>
  2. Save and preview in the browser.

    Great, now we are getting somewhere.

Let's explore all the possible headings in a new file called headings.html.

  1. Open a new file in Notepad: select File > New
  2. Add the following HTML. (or copy and paste)
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
    <html xmlns="">



  3. Title the web page Headings
  4. Inside the body element, add the following:

    <h1>This is a h1 title.</h1>

    <h2>This is a h2 title.</h2>

    <h3>This is a h3 title.</h3>

    <h4>This is a h4 title.</h4>

    <h5>This is a h5 title.</h5>

    <h6>This is a h6 title.</h6>

  5. Save as headings.html in your steps folder
  6. Preview in the browser

This workshop is brought to you by

Please feel free to contact us with any comments and/or concerns about this workshop