How to use this site
- Choose a task using the navigation at the top.
- Read the task instructions and requirements.
- Write your HTML (and CSS for Task 5) in your code editor.
- Copy your HTML and paste it into the textbox on the task page.
- If the task has CSS, paste that into the CSS box too.
- Click Check My Code to run the automated checks.
- Fix any missing parts and try again.
Tip: Some tasks include extra validation checks (it may not always show all of them).
Task Overview
Work through each task in order. Each task focuses on a specific HTML skill. You must complete all required elements before moving on.
Task 1: Headings and Paragraphs
Create a simple webpage using headings and a paragraph.
Task 2: Lists
Create both bullet and numbered lists.
Task 3: Images
Add an image with a description.
Task 4: Video and Links
Embed a video and create a link.
Task 5: CSS Styling
Write CSS to style HTML elements and get the layout looking right.
Task 6: Divs and Layout
Use div elements to structure your page layout.
Task 7: Forms
Create a form with input fields and a submit button.
Task 8: Tables
Create a table with headers and data rows.
Task 9: Advanced CSS
Use advanced CSS selectors and properties.
Task 10: Complete Page
Combine everything into a complete webpage.