Skip to main content

HTML Editors — exercises and bug fixes

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

Exercises(5)

  1. 1

    Write your first page body

    easy10 min

    Add a heading and a paragraph.

  2. 2

    Nest elements correctly

    easy10 min

    Put a paragraph inside a section.

  3. 3

    Indent a nested list

    easy10 min

    Add a ul with two li items.

  4. 4

    Close every element

    easy10 min

    Add two properly closed paragraphs.

  5. 5

    Build a small page section

    medium10 min

    Add a section with a heading and two paragraphs.

Find the bug(5)

  1. 1

    Fix the invented element name

    easy8 min

    There is no <paragraph> element in HTML.

  2. 2

    Fix the wrong container

    easy8 min

    A generic div is used where a section is required.

  3. 3

    Fix the wrongly nested list

    easy8 min

    List items must sit inside a list element.

  4. 4

    Fix the misspelled container

    easy8 min

    The section element name is misspelled, so it is not a section at all.

  5. 5

    Fix the stray angle bracket

    easy8 min

    A malformed tag breaks the heading.

Ready to write the code?

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

Open the workspace