Skip to main content

HTML Lists — exercises and bug fixes

5 hands-on exercises and 5 find-the-bug challenges for the HTML Lists 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

    Build an unordered list

    easy10 min

    Add a ul with three items.

  2. 2

    Build an ordered list

    easy10 min

    Add an ol with three steps.

  3. 3

    Nest a sublist

    easy10 min

    Add a ul where one item contains its own nested ul.

  4. 4

    Build a description list

    easy10 min

    Add a dl with one dt and one dd.

  5. 5

    Start an ordered list at five

    medium10 min

    Use the start attribute so numbering begins at 5.

Find the bug(5)

  1. 1

    Fix the list items with no list

    easy8 min

    The items float loose without a parent list.

  2. 2

    Fix the paragraphs pretending to be a list

    easy8 min

    Three paragraphs should be a real list.

  3. 3

    Fix the ordered list used for unordered content

    easy8 min

    These items have no sequence, so use a ul.

  4. 4

    Fix the sublist placed outside its item

    easy8 min

    The nested list should sit inside the li.

  5. 5

    Fix the description list pairing

    easy8 min

    The definition uses a dt where a dd belongs.

Ready to write the code?

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

Open the workspace