HTML Fundamentals: Structure, Forms and Accessibility

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