HTML & CSS practice
Filter by difficulty, use hints, reveal solutions and save attempts locally.
1. Practice HTML & CSS overview by building one step of a small real project feature and checking the result.
code-writing1. Start from the HTML & CSS overview lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
2. Practice HTML & CSS setup by building one step of a small real project feature and checking the result.
code-fix1. Start from the HTML & CSS setup lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
3. Practice HTML & CSS syntax by building one step of a small real project feature and checking the result.
output1. Start from the HTML & CSS syntax lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
4. Practice HTML & CSS examples by building one step of a small real project feature and checking the result.
fill-blank1. Start from the HTML & CSS examples lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
5. Practice HTML & CSS workflow by building one step of a small real project feature and checking the result.
true-false1. Start from the HTML & CSS workflow lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
6. Practice HTML & CSS validation by building one step of a small real project feature and checking the result.
mini-project1. Start from the HTML & CSS validation lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
7. Practice HTML & CSS debugging by building one step of a small real project feature and checking the result.
mcq1. Start from the HTML & CSS debugging lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
8. Practice HTML & CSS best practices by building one step of a small real project feature and checking the result.
code-writing1. Start from the HTML & CSS best practices lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
9. Practice HTML & CSS overview by building one step of a small real project feature and checking the result.
code-fix1. Start from the HTML & CSS overview lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
10. Practice HTML & CSS setup by building one step of a small real project feature and checking the result.
output1. Start from the HTML & CSS setup lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
11. Practice HTML & CSS syntax by building one step of a small real project feature and checking the result.
fill-blank1. Start from the HTML & CSS syntax lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
12. Practice HTML & CSS examples by building one step of a small real project feature and checking the result.
true-false1. Start from the HTML & CSS examples lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
13. Practice HTML & CSS workflow by building one step of a small real project feature and checking the result.
mini-project1. Start from the HTML & CSS workflow lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
14. Practice HTML & CSS validation by building one step of a small real project feature and checking the result.
mcq1. Start from the HTML & CSS validation lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
15. Practice HTML & CSS debugging by building one step of a small real project feature and checking the result.
code-writing1. Start from the HTML & CSS debugging lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
16. Practice HTML & CSS best practices by building one step of a small real project feature and checking the result.
code-fix1. Start from the HTML & CSS best practices lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
17. Practice HTML & CSS overview by building one step of a small real project feature and checking the result.
output1. Start from the HTML & CSS overview lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
18. Practice HTML & CSS setup by building one step of a small real project feature and checking the result.
fill-blank1. Start from the HTML & CSS setup lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.