HTML Fundamentals: Structure, Forms and Accessibility

Learn HTML from tags and links to forms, tables, semantic structure and accessibility. For beginners building their first web pages.

Start course →

What you'll learn

  • Write a valid HTML5 document with headings, text, links, images and media.
  • Build lists, tables and accessible forms with validation.
  • Use semantic elements, alt text and ARIA to make pages accessible.
  • Add meta tags, a viewport tag and responsive images for SEO and mobile.
  • Validate markup and avoid common beginner mistakes.

Syllabus

Module 1: Getting Started

  1. What is HTML?
  2. Document Structure
  3. Your First Page

Module 2: Text & Structure

  1. Tags, Elements & Attributes
  2. Headings & Paragraphs
  3. Text Formatting
  4. Comments

Module 3: Links & Media

  1. Links
  2. Images
  3. Audio & Video
  4. Favicon
  5. Responsive Images: picture, srcset & Lazy Loading

Module 4: Lists & Tables

  1. Lists
  2. Tables

Module 5: Forms

  1. Form Basics
  2. Input Types
  3. Labels & Fieldsets
  4. Basic Validation

Module 6: Semantic HTML & Accessibility

  1. Semantic Elements
  2. Alt Text & ARIA

Module 7: Meta & Layout Helpers

  1. Meta Tags
  2. Viewport & Responsive Basics
  3. iframes

Module 8: Modern HTML

  1. data-* Attributes
  2. Canvas, SVG & localStorage
  3. Templates & Custom Elements
  4. Interactive Elements: details & dialog

Module 9: Best Practices

  1. HTML & Basic SEO
  2. Validation Tools
  3. Common Beginner Mistakes