FREE TUTORIALS · Learn from zero to expertBusiness DirectoryPut Your Business Ad Here — Free
Independent course disclaimer · expand / collapse

These are independently developed tutorials. Technology names belong to their respective owners; no endorsement is implied. Examples are educational, not guarantees. Verify commands, costs, security, browser support, and framework versions before production use. Google Translate requires internet and can make mistakes. Terms · Privacy · Legal.

Fundamentals → Mastery guide · Six levels, practical projects, topic checklist, worked code and results.
EasyTutorGuide · Free practical course · Six levels

HTML — from absolute beginner to advanced professional practice

Start without knowing any terminology. Work through the chapters in order, read the small explanations, edit the code, check the visible output, and answer twenty practice questions in every chapter.

145 chapters6 levels20 answered questions per chapterMobile + RTL/LTRYouTube narration flow

Start Chapter 1

Level 1 · Absolute Beginner

Work through these topics in order, practising the example and answering the questions in each chapter before continuing.

  1. Chapter 1: What a Website Is and Where HTML Fits
  2. Chapter 2: Install and Prepare a Practical HTML Workspace
  3. Chapter 3: File Names, Extensions, and Project Organization
  4. Chapter 4: Create the Minimum Complete HTML Document
  5. Chapter 5: Understand Tags, Elements, and Nesting
  6. Chapter 6: Attributes: Give Elements the Right Information
  7. Chapter 7: Text, Whitespace, and Special Characters
  8. Chapter 8: Headings That Explain Page Structure
  9. Chapter 9: Paragraphs and Basic Reading Flow
  10. Chapter 10: Meaningful Emphasis and Editorial Text
  11. Chapter 11: Inline Text for Code, Keys, and Mathematics
  12. Chapter 12: HTML Comments and Readable Source
  13. Chapter 13: Your First Links and Internal Navigation
  14. Chapter 14: External Links, Email, Phone, and Downloads
  15. Chapter 15: Paths, URLs, and Common Link Failures
  16. Chapter 16: Insert Images Correctly
  17. Chapter 17: Write Useful Alternative Text and Captions
  18. Chapter 18: Unordered, Ordered, and Nested Lists
  19. Chapter 19: Description Lists and Glossaries
  20. Chapter 20: Quotations, Preformatted Text, and Line Breaks
  21. Chapter 21: Generic Containers: div and span
  22. Chapter 22: Basic Global Attributes and Page Language
  23. Chapter 23: Find and Fix HTML Mistakes
  24. Chapter 24: Level 1 Project: A Complete Five-Page Personal Site

Level 2 · Foundation

Work through these topics in order, practising the example and answering the questions in each chapter before continuing.

  1. Chapter 25: Why Semantic HTML Matters
  2. Chapter 26: Page Landmarks: header, nav, and main
  3. Chapter 27: Sections, Articles, and Related Content
  4. Chapter 28: Footers, Contact Information, and Search Areas
  5. Chapter 29: Headings, hgroup, and Publication Structure
  6. Chapter 30: Real Navigation Patterns
  7. Chapter 31: Figures, Captions, and Independent Media
  8. Chapter 32: Time, Data, Abbreviations, and Sources
  9. Chapter 33: Language, Bi-Directional Text, and Ruby
  10. Chapter 34: Lists for Menus, Tasks, and Definitions
  11. Chapter 35: Build Real Data Tables
  12. Chapter 36: Complex Tables and Header Associations
  13. Chapter 37: Start a Real HTML Form
  14. Chapter 38: Labels, Fieldsets, and Grouped Questions
  15. Chapter 39: Single-Line Text and Search Controls
  16. Chapter 40: Email, Phone, URL, Password, and Number Inputs
  17. Chapter 41: Checkboxes, Radio Buttons, and Hidden Inputs
  18. Chapter 42: Date and Time Input Families
  19. Chapter 43: Sliders, Numeric Ranges, and Color Inputs
  20. Chapter 44: Safe File Upload Markup
  21. Chapter 45: Dropdowns and Grouped Options
  22. Chapter 46: Textareas and Suggestion Lists
  23. Chapter 47: Buttons and Submission Basics
  24. Chapter 48: Level 2 Project: Accessible Application and Product Catalog

Level 3 · Intermediate

Work through these topics in order, practising the example and answering the questions in each chapter before continuing.

  1. Chapter 49: Form Requests and Encoding in Detail
  2. Chapter 50: Form Association and Override Attributes
  3. Chapter 51: Native Constraint Validation
  4. Chapter 52: Patterns, Limits, and Practical Validation Rules
  5. Chapter 53: Autofill, Autocomplete, and Mobile Keyboards
  6. Chapter 54: User Feedback: output, progress, and meter
  7. Chapter 55: Complex Forms as Real User Journeys
  8. Chapter 56: Native Modal Dialogs
  9. Chapter 57: Details and Summary Disclosure Patterns
  10. Chapter 58: Popover Without a JavaScript Framework
  11. Chapter 59: Declarative Invoker Commands
  12. Chapter 60: Image Maps and Clickable Regions
  13. Chapter 61: Responsive Images with srcset and sizes
  14. Chapter 62: Art Direction with picture and source
  15. Chapter 63: Image Loading and Resource Hints
  16. Chapter 64: Audio and Accessible Audio Pages
  17. Chapter 65: Video and Video Playback Markup
  18. Chapter 66: Captions, Subtitles, and Tracks
  19. Chapter 67: Embedded Sites and Browsing Contexts
  20. Chapter 68: Other Embedded Resources and Fallbacks
  21. Chapter 69: Inline SVG in an HTML Document
  22. Chapter 70: MathML and Scientific Documents
  23. Chapter 71: Connect HTML with Styles and Scripts
  24. Chapter 72: Level 3 Project: Interactive Multimedia Learning Manual

Level 4 · Advanced

Work through these topics in order, practising the example and answering the questions in each chapter before continuing.

  1. Chapter 73: Accessibility Foundations for HTML Authors
  2. Chapter 74: Accessible Names, Descriptions, and ARIA Restraint
  3. Chapter 75: Landmarks, Headings, and Skip Navigation
  4. Chapter 76: Accessible Images, Figures, and Visual Explanations
  5. Chapter 77: Accessible Form Interactions and Errors
  6. Chapter 78: Accessible Tables, Timelines, and Documents
  7. Chapter 79: Keyboard Navigation, Focus, and Reading Order
  8. Chapter 80: Dialogs, Disclosures, and Popovers Accessibly
  9. Chapter 81: Accessible Media and Motion-Sensitive Pages
  10. Chapter 82: WCAG 2.2 Professional Audit Workflow
  11. Chapter 83: Languages, Direction, and RTL/LTR Layout
  12. Chapter 84: Unicode, Typography, and Readable Content
  13. Chapter 85: Internationalized Navigation and Localized Pages
  14. Chapter 86: Head Metadata: title, base, and meta
  15. Chapter 87: Viewport, Color, and Browser Presentation Metadata
  16. Chapter 88: Indexing and Robots Directives
  17. Chapter 89: Canonical Links, Pagination, and Site Architecture
  18. Chapter 90: Structured Data in and around HTML
  19. Chapter 91: Social Sharing and Preview Metadata
  20. Chapter 92: HTML and Core Web Vitals
  21. Chapter 93: Prioritize Critical Resources
  22. Chapter 94: Progressive Enhancement and No-JavaScript Fallbacks
  23. Chapter 95: Mobile Content, Responsive HTML, and Touch
  24. Chapter 96: Level 4 Project: Publishable Multilingual Learning Website

Level 5 · Expert

Work through these topics in order, practising the example and answering the questions in each chapter before continuing.

  1. Chapter 97: How an HTML Parser Builds the Page
  2. Chapter 98: Content Categories and Conformance Rules
  3. Chapter 99: Void Elements, Optional Tags, and Parsing Edge Cases
  4. Chapter 100: Source Order, DOM Order, and Rendering
  5. Chapter 101: Templates and Slots
  6. Chapter 102: Declarative Shadow DOM
  7. Chapter 103: Custom Elements and Semantic HTML Contracts
  8. Chapter 104: Native Forms Meet Application JavaScript
  9. Chapter 105: Constraint Validation API Integration
  10. Chapter 106: DOM Lifecycle and Resource Loading
  11. Chapter 107: Events and Native User Actions
  12. Chapter 108: Navigation, History, and URL State
  13. Chapter 109: Storage and State in a Browser Page
  14. Chapter 110: Offline Pages and Service Worker Integration
  15. Chapter 111: Media Elements and Playback APIs
  16. Chapter 112: Fullscreen and Picture-in-Picture Integration
  17. Chapter 113: Canvas and Accessible Fallback Content
  18. Chapter 114: Editing, Drag-and-Drop, and Clipboard Boundaries
  19. Chapter 115: Cross-Document Communication and Iframes
  20. Chapter 116: Content Security Policy and Trusted Markup
  21. Chapter 117: Subresource Integrity and Cross-Origin Requests
  22. Chapter 118: Iframe Sandboxing and Permissions Policy
  23. Chapter 119: Privacy-Aware HTML and Consent
  24. Chapter 120: Level 5 Project: Secure HTML Component Library

Level 6 · Mastery

Work through these topics in order, practising the example and answering the questions in each chapter before continuing.

  1. Chapter 121: How the Living Standard Evolves
  2. Chapter 122: Read the HTML Specification Efficiently
  3. Chapter 123: Browser Compatibility and Baseline Strategy
  4. Chapter 124: Progressive Enhancement at Enterprise Scale
  5. Chapter 125: Modern HTML Features in 2026: Status and Fallbacks
  6. Chapter 126: Architect Dialogs, Menus, and Layered Interfaces
  7. Chapter 127: Customizable Native Selects and Other Emerging Controls
  8. Chapter 128: Form-Associated Custom Elements and Advanced Forms
  9. Chapter 129: Design a Semantically Consistent Large Site
  10. Chapter 130: Separate Markup, Style, Behavior, and Content
  11. Chapter 131: Resource Selection for Large Content Sites
  12. Chapter 132: Engineer Fast First Loads and LCP
  13. Chapter 133: Prevent Layout Shifts and Input Delays
  14. Chapter 134: Crawlable Large Sites and Search Reliability
  15. Chapter 135: Advanced Accessibility Engineering
  16. Chapter 136: HTML Security Threat Modeling
  17. Chapter 137: Privacy and Responsible Data Handling
  18. Chapter 138: Internationalization Across Hundreds of Pages
  19. Chapter 139: HTML Design Systems and Content Governance
  20. Chapter 140: Automated Markup Validation and Linting
  21. Chapter 141: Cross-Browser, Mobile, and Assistive-Tech QA
  22. Chapter 142: Migrate Legacy or Invalid HTML Safely
  23. Chapter 143: Production Deployment and HTTP Responsibilities
  24. Chapter 144: HTML Technical Documentation and Code Review
  25. Chapter 145: Level 6 Master Capstone: Production Learning Platform

How to learn like a complete beginner

You do not need to learn every word in one reading. Read the lesson, type the example, look at its real output, change one part, and explain what changed. Return when you have forgotten something. For frameworks requiring an installer or compiler, the source must be tested in a real project—not only in the browser-only illustration.

Suggest an improvement or share a learning idea on the blog.

Disclaimer, trademarks and learning guidance

Independent educational material. External names are used solely to identify subjects. These tutorials are not official training or certification. Output may vary by browser and software version. If a framework requires a build tool, the standalone browser demonstration is an illustration, not execution of the framework source. Always test your own code before publication. Legal notice.