HTML Course

HTML is the foundation of every web page: it describes what content a page contains and what each part means. This course takes you from your very first page to accessible forms, responsive images, modern elements like dialogs and popovers, and a complete portfolio site — with a live preview on every page.

What you'll learn

The course has 48 lessons in seven parts:

  • Getting Started — your first page, document structure, elements, attributes, headings, text formatting, quotations and entities.
  • Links & Media — links and URLs, images, responsive images, figures, favicons, audio, video and iframes.
  • Structuring Content — lists, tables, block and inline elements, div/span, classes and ids, semantic layout.
  • Forms — every input type, labels and fieldsets, selects and textareas, buttons, validation and how data is sent.
  • The Head & Resources — meta tags, SEO and social sharing, and how CSS and JavaScript are attached.
  • Modern HTML — dialogs, popovers, details, templates and web components, canvas and SVG, browser APIs and responsive design.
  • Writing Quality HTML — accessibility, performance, validation, best practices and a final project.

Each Try it yourself editor shows a live preview that updates as you type, and every example in the course has been checked with an HTML validator.

No previous experience is needed — HTML is the best place to start learning web development.

Practice

  • Playground — a blank editor with a live preview.
  • Exercises — fill-in-the-blank tasks and build challenges with solutions.
  • Quiz — test your understanding across the whole course.
  • Syllabus & Study Plan — learning outcomes and a week-by-week schedule.

Lessons

Getting Started

  1. Introduction to HTML
  2. Your First Web Page
  3. Document Structure
  4. Elements & Tags
  5. Attributes
  6. Headings & Paragraphs
  7. Text Formatting
  8. Quotations, Citations & Abbreviations
  9. Comments, Entities & Symbols

Links & Media

  1. Links
  2. Link Destinations & Behaviour
  3. Images
  4. Responsive Images
  5. Figures & Image Maps
  6. Favicons & Page Icons
  7. Audio & Video
  8. Iframes & Embeds

Structuring Content

  1. Lists
  2. Tables
  3. Advanced Tables
  4. Block & Inline Elements
  5. div & span
  6. Classes & IDs
  7. Semantic Page Layout
  8. Layout with HTML & CSS

Forms

  1. Forms
  2. Input Types
  3. Form Control Attributes
  4. Labels, Fieldsets & Legends
  5. select, textarea & datalist
  6. Buttons
  7. Form Validation
  8. Sending Form Data

The Head & Resources

  1. The Head Element
  2. SEO & Social Meta Tags
  3. Adding CSS to HTML
  4. Adding JavaScript to HTML

Modern HTML

  1. Dialogs & Popovers
  2. Details & Summary
  3. Templates & Web Components
  4. Canvas & SVG
  5. Drag and Drop & HTML APIs
  6. Responsive Design

Writing Quality HTML

  1. Accessibility
  2. Loading Performance
  3. Validation & Debugging
  4. HTML Best Practices
  5. Project: A Portfolio Page

Practice

  1. HTML Playground
  2. HTML Exercises
  3. HTML Quiz
  4. Syllabus & Study Plan
Where to start: begin with Introduction and work through in order. Afterwards, continue with the CSS course to style your pages, then JavaScript to make them interactive.