Syllabus & Study Plan

What the HTML course covers, what you'll be able to do by the end, and a suggested six-week schedule with a checkpoint each week. Go at your own pace — the order matters more than the speed.

Who this course is for

Complete beginners to web development, designers who want to understand the code behind their work, and developers who learned HTML informally and want a solid, modern grounding — especially in accessibility and forms.

Learning outcomes

By the end of the course you will be able to:

1. Write complete, valid HTML documents with correct structure and metadata.
2. Mark up text, links, lists and tables using the elements that match their meaning.
3. Add images, responsive images, audio, video and embedded content efficiently and accessibly.
4. Structure pages with semantic landmarks and lay them out with basic CSS.
5. Build accessible forms with the right input types, labels, validation and submission method.
6. Configure the head for search engines, social sharing, CSS and JavaScript.
7. Use modern elements: dialogs, popovers, details, templates, SVG and canvas.
8. Check pages for accessibility, performance and validity, and fix the problems found.
9. Build and publish a complete, responsive personal website.

Course outline

Part	Lessons	Focus
1. Getting Started	01–09	Document structure, elements, attributes, text
2. Links & Media	10–17	Links, images, responsive images, media, iframes
3. Structuring Content	18–25	Lists, tables, semantic layout
4. Forms	26–33	Inputs, labels, validation, submission
5. The Head & Resources	34–37	Meta tags, SEO, CSS and JavaScript
6. Modern HTML	38–43	Dialogs, popovers, components, graphics, responsive design
7. Writing Quality HTML	44–48	Accessibility, performance, validation, project

Six-week study plan

Plan on three to four hours a week, including time experimenting in the live editors.

Week 1 — Your first pages

Lessons 01–09.

Checkpoint: write an "About me" page from scratch with a correct head, a heading outline, formatted text and a quotation.

Week 2 — Links and media

Lessons 10–17.

Checkpoint: add a photo gallery with good alt text and captions, a responsive hero image, and links between two pages of your site.

Week 3 — Structure

Lessons 18–25.

Checkpoint: restructure your site with semantic landmarks, a navigation list and an accessible data table.

Week 4 — Forms

Lessons 26–33.

Checkpoint: build a booking form with five different input types, a fieldset, built-in validation and proper labels — and complete it using only the keyboard.

Week 5 — The head and modern HTML

Lessons 34–43.

Checkpoint: add SEO and Open Graph tags, an FAQ with <details>, a confirmation dialog, and make the whole site work well on a phone.

Week 6 — Quality and the final project

Lessons 44–48.

Final project: build and publish the portfolio page with at least three of its challenges, then validate it and run Lighthouse. Take the quiz and aim for 25 out of 30 or better.

Faster tracks

• Two-week intensive (about 10 hours a week): Parts 1–4 in week one, Parts 5–7 in week two.
• Already write HTML? Take the quiz first, then focus on lessons 13, 24, 27–32, 38–40 and 44–45, which cover the areas most often done wrong or overlooked.