Skip to main content

HTML Headings — exercises and bug fixes

5 hands-on exercises and 5 find-the-bug challenges for the HTML Headings lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.

Sign in to start solvingCreate a free account

Exercises(5)

  1. 1

    Add a page title heading

    easy10 min

    Add an h1 containing "Frontend Handbook".

  2. 2

    Add a section heading

    easy10 min

    Below the h1, add an h2 containing "HTML Basics".

  3. 3

    Build a three-level outline

    easy10 min

    Add h1, h2 and h3 in order to form a clear outline.

  4. 4

    Add two sibling sections

    easy10 min

    Add two h2 headings under one h1.

  5. 5

    Describe a section

    medium10 min

    Add an h2 and a paragraph describing it.

Find the bug(5)

  1. 1

    Fix the skipped heading level

    easy8 min

    The outline jumps from h1 straight to h4.

  2. 2

    Fix the paragraph used as a heading

    easy8 min

    A bold paragraph is standing in for a real heading.

  3. 3

    Fix the missing page heading

    easy8 min

    The page has sections but no top-level h1.

  4. 4

    Fix the multiple h1 headings

    easy8 min

    Every section uses h1; only the page title should.

  5. 5

    Fix the heading with no text

    easy8 min

    The h1 is empty so the outline has no title.

Ready to write the code?

The editor, the automatic checks and the worked solutions open up with an account.

Open the workspace