HTML
The structure and meaning of a web page.
HTML is taught here in 14 lessons, running from HTML: getting started through to HTML validation, templating and frameworks. Each lesson takes one topic, shows the working code, and links onward to the next, so the course can be read straight through in order.
| Track | Front-end Development |
| Lessons | 14 |
| Level | Beginner to intermediate |
| Reading time | about 3 hours |
| Prerequisites | None beyond being able to open a text editor |
Lessons
- HTML: getting startedWhat HTML actually is, how a browser turns it into a page, and the smallest valid document you can write.
- Elements and attributesTags, content, attributes, and the difference between void elements and containers — the vocabulary everything else builds on.
- Headings, paragraphs and textHow to structure text so it reads well, ranks well, and works for screen readers — including the heading levels everyone gets wrong.
- Links and imagesAnchor hrefs, relative vs absolute paths, target behavior, and images that are accessible, responsive, and fast.
- Lists and tablesThree kinds of lists, and building data tables that are semantically correct instead of layout hacks.
- Forms and inputsLabels, input types, validation and submission — everything needed to build forms that people can actually complete.
- Semantic layoutReplacing div soup with header, nav, main, article, aside and footer — and why it matters beyond tidiness.
- Media and embeddingVideo, audio, iframes and SVG — including the attributes you need for autoplay, captions, and sandboxing third-party content.
- The document head: metadata, favicons and social cardsEncoding, viewport, titles, canonical URLs, icons, Open Graph cards and structured data — the machine-facing half of every page.
- Accessibility foundations in markupNative elements before ARIA, accessible names, label and alt patterns, landmarks, live regions and focus order.
- Interactive elements without JavaScriptdetails, dialog, popover, datalist, progress, meter, template and slot — native widgets that ship with behaviour included.
- Responsive and performant images in practicesrcset and sizes, art direction with picture, modern formats, loading hints and preventing layout shift.
- Inline SVG and icon markupviewBox coordinates, currentColor, symbol sprites, accessible names and hiding decorative graphics.
- HTML validation, templating and frameworksDoctypes, validator errors worth acting on, how JSX and template languages map to the DOM, escaping and hydration.
More in Front-end Development
CSS JavaScript TypeScript HTML DOM AJAX JSON Tailwind CSS Bootstrap 5 Foundation Vue.js React Next.js Angular jQuery ECharts Chart.js SVG Font Awesome
FAQ
How long does the HTML course take?
It has 14 lessons, about 3 hours of reading. Expect roughly twice that if you type out and run every example.
Do I need prior experience for HTML?
No. This is the first course in Front-end Development, so it starts from the beginning and assumes no background.
What should I read after HTML?
Continue with CSS (14 lessons), the next course in Front-end Development.
Last refreshed 2026-09-18.