Command Palette

Search for a command to run...

Hectal

HTML · the structure of every web page

Build the web,
starting from the very first tag.

Start from zero: no coding experience needed, and every word is explained in plain English. You will learn how the web works, then every part of HTML: text, links, images, page structure, tables, forms, media, the head and SEO, and accessibility. Every example is live (change the code and the page updates beside it) and every phase ends with exercises your browser checks automatically.

Phases
8
Topics
53
Hours
20
Diagrams
69
Exercises
335

By the end you can

What this course makes you able to do

  • Explain what happens between typing a URL and seeing a page
  • Write complete, valid HTML pages from memory, with the right element for every piece of content
  • Build semantic page layouts, tables and accessible forms with built-in validation
  • Add responsive images, video, audio and embeds the right way
  • Make pages that search engines, social networks and screen readers understand

Where should I start?

Pick a path for your goal

Complete beginner

Never written code before. Start here: every word is explained.

  1. 10 · Start Here: How the Web Works
  2. 21 · HTML Basics: Elements and Text
  3. 32 · Structure and Semantics
  4. 43 · Tables

Job-ready front end

You know the basics and want forms, media and SEO done properly.

  1. 12 · Structure and Semantics
  2. 24 · Forms
  3. 35 · Media and Embeds
  4. 46 · The Head, SEO and Sharing

Accessibility and quality

You build pages already and want them accessible and correct.

  1. 12 · Structure and Semantics
  2. 24 · Forms
  3. 37 · Accessibility and Quality