Learn HTML
Structured lessons from the basics up — follow the path below in order, at your own pace.
-
1
Level 1 — Beginner Beginner 27 lessons
Start here if you have never written a web page before. No programming experience is required — all you need is a browser and a text editor....
Lessons in this module
What Is HTML? Why Learn HTML? What Can You Do With HTML? Getting Set Up Setting Up Your Environment Your First Web Page How Browsers Read HTML Elements, Tags, and Attributes Document Structure Headings and Paragraphs Formatting Text Whitespace and Special Characters Links URLs and File Paths Images Lists Tables Semantic Page Layout Articles, Sections, and Asides div and span Audio and Video Forms: The Basics Input Types Checkboxes, Radios, Selects, and Text Areas Buttons and Submitting Forms Accessibility Basics Comments and Style -
2
Beginner Projects Beginner 1 lesson
Build these on your own using what you learned in Level 1. Each one uses document structure, headings, text, links, images, lists, and seman...
-
3
Level 2 — Intermediate Intermediate 16 lessons
These lessons cover form validation and advanced form features, complex tables, accessibility accessible names, ARIA, landmarks , meta tags,...
Lessons in this module
Form Validation Better Forms: Hints, Errors, and Feedback Complex Tables Accessible Names and Descriptions ARIA Roles, States, and Properties Focus, Keyboard, and Live Regions The Document Head and Meta Tags SEO Fundamentals Social Previews and Structured Data Responsive Images Iframes and Embeds details, dialog, and popover Global and Data Attributes Connecting HTML and CSS Connecting HTML and JavaScript Languages and Text Direction -
4
Intermediate Projects Intermediate 1 lesson
Build these using forms and validation, accessibility, SEO, responsive images, and the interactive elements from Level 2. 1. Accessible Regi...
-
5
Level 3 — Advanced Advanced 15 lessons
These lessons cover how the HTML parser really works, templates, custom elements and shadow DOM, declarative shadow DOM, loading performance...
Lessons in this module
How the HTML Parser Works The template Element Custom Elements Shadow DOM and Slots Declarative Shadow DOM Loading Performance Resource Hints and Priorities Link and Embed Security Content Security Policy Sanitizing User Content Production-Grade Forms Technical SEO HTML Email Testing and Validating HTML HTML in Templates and Frameworks -
6
Advanced Projects Advanced 1 lesson
Build these using templates, web components, performance techniques, and the security practices from Level 3. 1. A Web Component Library Bui...
-
7
What You Should Know Now — and What's Next 1 lesson
What You Should Know Now How a page is structured — doctype, html , head , body — and how the browser turns markup into a DOM tree Text, hea...