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
Write your first page body
easy10 minAdd a heading and a paragraph.
- 2
Nest elements correctly
easy10 minPut a paragraph inside a section.
- 3
Indent a nested list
easy10 minAdd a ul with two li items.
- 4
Close every element
easy10 minAdd two properly closed paragraphs.
- 5
Build a small page section
medium10 minAdd a section with a heading and two paragraphs.
Find the bug(5)
- 1
Fix the invented element name
easy8 minThere is no <paragraph> element in HTML.
- 2
Fix the wrong container
easy8 minA generic div is used where a section is required.
- 3
Fix the wrongly nested list
easy8 minList items must sit inside a list element.
- 4
Fix the misspelled container
easy8 minThe section element name is misspelled, so it is not a section at all.
- 5
Fix the stray angle bracket
easy8 minA 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