Learn HTML by doing real work.
Learn modern semantic HTML with a live preview and hands-on page-building challenges.
From fundamentals to useful work.
Short explanations, runnable examples, quick checks and a hands-on practice set.
HTML Document Structure
Build a valid page skeleton with doctype, head and body.
Headings & Text
Structure readable content with headings, paragraphs and emphasis.
Links
Connect pages and resources with meaningful anchor text.
Images
Add useful images with responsive sizing and alternative text.
Lists
Group related items with ordered and unordered lists.
Tables
Present tabular data with headers that explain each column.
Forms & Inputs
Collect user input with labels and appropriate control types.
Semantic HTML
Use elements that describe the role of page content.
HTML Accessibility Basics
Create pages that work with keyboards, screen readers and different visual needs.
Responsive HTML Basics
Prepare pages to adapt cleanly to phones, tablets and desktops.