HTML Course: 61 Free Interactive Lessons in 10 Modules
61 short lessons in 10 modules. Each one: read, write, check. Your progress is saved in this browser.
Here is the whole course: 61 lessons in 10 modules. Each module covers one topic, from HTML basics and text to tables, forms and accessibility, and finishes with a project that uses what you learned. If you are new, start at module 1 and go in order, because each module builds on the one before it. All of it follows the current HTML Living Standard (opens in a new tab). Lessons open one by one as you complete them. Already know the basics? Tick the option at the bottom of this page to open every lesson and go straight to the module you need. Progress is saved in this browser.
Module 1: First Page
What HTML is, how a tag works and the skeleton every page sits on.
Module 2: Text
Headings, paragraphs, emphasis, lists, quotes, code and the odd special character.
Module 3: Links and Media
Links between pages, file paths, images, figures, audio, video, embeds.
Module 4: Structure and Semantics
Generic boxes, page landmarks and what meaningful tags buy you.
Module 5: Tables
Rows, cells, headers, captions, spanning, and when a table is wrong.
Module 6: Forms
Inputs, labels, choices, buttons and browser-side validation.
Module 7: Head and Metadata
Titles, character sets, the mobile viewport, SEO tags, icons, and links to CSS and JS.
Module 8: Accessibility
Pages that work for everyone: alt text, structure, labels, the keyboard and ARIA.
Module 9: A Touch of CSS
Enough CSS to make your HTML projects look finished.
Module 10: Final Projects
Four complete pages that use everything you have learned.
Frequently asked questions
In what order should I learn HTML topics?
Page skeleton and basic tags first, then text, links and images. After that come semantic structure, tables and forms, then the head and meta tags, accessibility and a little CSS. The modules here follow that order, and each one reuses skills from the ones before. It is also the usual first stretch of the road into front-end web development (opens in a new tab). The HTML learning roadmap lays it out week by week.
How long is each lesson?
Most take 5 to 10 minutes: a short explanation, an example and one task. Module projects need 15 to 30 minutes, and the four final projects take longer. The whole course is roughly 10 to 11 hours, so one module fits into one or two sittings. The first module takes about 45 minutes.
Can I skip modules if I already know some HTML?
Yes. By default lessons open one after another, but the "I already know some HTML" option at the bottom of the course page opens all of them, so you can go straight to any module. Not sure how much you know? Try a module project first. If it feels easy, move on; if not, the lessons before it will fill the gaps. Another test: write a page from memory in an online editor such as HTML Code Editor (opens in a new tab) and see how far you get without help.
Do I get a certificate when I finish?
Yes. Once every lesson is complete, the certificate page opens and you can print a certificate of completion with your name on it. Your browser builds it from your saved progress, so there is no account and no payment involved. Until then, the page shows how many lessons you have left.