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
Build an unordered list
easy10 minAdd a ul with three items.
- 2
Build an ordered list
easy10 minAdd an ol with three steps.
- 3
Nest a sublist
easy10 minAdd a ul where one item contains its own nested ul.
- 4
Build a description list
easy10 minAdd a dl with one dt and one dd.
- 5
Start an ordered list at five
medium10 minUse the start attribute so numbering begins at 5.
Find the bug(5)
- 1
Fix the list items with no list
easy8 minThe items float loose without a parent list.
- 2
Fix the paragraphs pretending to be a list
easy8 minThree paragraphs should be a real list.
- 3
Fix the ordered list used for unordered content
easy8 minThese items have no sequence, so use a ul.
- 4
Fix the sublist placed outside its item
easy8 minThe nested list should sit inside the li.
- 5
Fix the description list pairing
easy8 minThe 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