Lesson 2: Headings

HTML allows you to structure your pages with headings. There are 6 levels of heading. Here’s a sample document that uses all of them.

<html>
    <head>
        <title>My First Web Page</title>
    </head>
    <body>
        <h1>Top-level Heading</h1>
        <h2>Second-level Heading</h1>
        <h3>Third-level Heading</h3>
        <h4>Fourth-level Heading</h4>
        <h5>Fifth-level Heading</h5>
        <h6>Sixth-level Heading</h6>
        <p>Finally!  A Paragraph!</p>
    </body>
</html>

Well that was pretty easy. Type the example into a new file and load it into your browser. Did you notice that the headings are shown in big, bold letters?

Practice

Try writing your resume in HTML. Use a top level heading to say “My Resume”. Use second-level headings for the main sections of your resume (jobs, education, …). Use third-level headings to introduce each job and qualification.

Previous Lesson Index Next Lesson