Capstone: finish your learning page
Combine eleven lessons into a complete, reviewable HTML project.
- Difficulty
- beginner
- Time
- 75 minutes
- Last verified
- 9/21/2026
What you will build
Deliver a three-page site with Home, About, notes, image, table, and form.
Understand the idea first
The project tests independent decisions about structure, files, and evidence. Refine the work you already built.
Build it step by step
my-learning-page/ ├─ index.html ├─ images/first-page.png ├─ notes/week-1.html └─
pages/about.html- Arrange and open all three documents.
- Include navigation, progress, notes, list, table, image, form, and footer on Home.
- Write real About and debugging-note content; link all pages.
- Validate, use keyboard, zoom, break the image once, and observe another user.
Read the important lines
- Assessment focuses on structure and use.
- Each page needs distinct metadata, h1, and main.
- Replace every example with real content.
Common mistakes and what to check
| Symptom | What to check |
|---|---|
| Tags added without purpose | Every section needs a job. |
| Same title everywhere | Identify each page independently. |
| Validation treated as enough | Also test real use. |
Practice without copying
Add project notes with goal, pages, one fixed bug, validation result, and three CSS improvements.
Check the answer after you try
Supply visible evidence for every acceptance item.
Completion check
- My page contains the required new content
- I can explain the key tags or attributes without the answer
- I deliberately created and fixed at least one error
Course acceptance checklist
| Area | Passing evidence |
|---|---|
| Three-page structure | Home, About, and Week 1 open directly and link to one another |
| Document outlines | Each page has one h1, logical heading levels, and a readable outline |
| Content | Home includes a list, a table with caption and headers, and a captioned image |
| Form | Every control has a clickable label and native validation works |
| Keyboard | Every link and control is reachable in a logical order without a mouse |
| Metadata | Each page has a distinct title, description, language, and UTF-8 declaration |
| Code quality | All pages validate with no duplicate ids, broken links, or missing images |
| Real content | All example names, dates, goals, and notes have been replaced |
Pass all eight items to complete the course. Keep the project: the CSS course will continue from this work.