Free course

HTML Course

Learn HTML by building a small multi-page website with semantic structure, links, images, tables, accessibility checks, and inline quizzes.

8 modules · 52 lessons · No signup

Download this course as PDF or EPUB

Read it offline, on your Kindle, or print it. Join my free newsletter and you get this course plus every other book and course I published.

Download PDFDownload EPUB
~~~

Your progress

of lessons completed.

Course completed.

What you'll learn

Build a small accessible website, then inspect, validate, and fix its HTML.

Course contents

  1. How a web page reaches you

    The Web, browsers, servers, URLs, and the role HTML plays.

    1. ✓ What is the Web?
    2. ✓ Browsers and servers
    3. ✓ Read a URL
    4. ✓ What HTML does
    5. ✓ Practice: trace a page request

  2. Your first document

    Create a complete HTML document with useful metadata.

    1. ✓ Create an HTML file
    2. ✓ The document structure
    3. ✓ The doctype
    4. ✓ The head of the document
    5. ✓ Language and description
    6. ✓ Practice: build your page shell

  3. Text and meaning

    Structure readable text with the appropriate elements.

    1. ✓ Headings and paragraphs
    2. ✓ Emphasis and importance
    3. ✓ Lists
    4. ✓ Quotes, code, and line breaks
    5. ✓ Practice: add readable content

  4. Links and attributes

    Connect documents and describe elements with attributes.

    1. ✓ Attributes
    2. ✓ Create links
    3. ✓ Absolute and relative URLs
    4. ✓ Fragments, email, and phone links
    5. ✓ Target, rel, and downloads
    6. ✓ Practice: connect your pages

  5. Page structure

    Give a page meaningful structure with semantic elements.

    1. ✓ Page landmarks
    2. ✓ Article, section, and aside
    3. ✓ Div, span, and nesting
    4. ✓ Practice: structure your page

  6. Images and media

    Add accessible and responsive images, audio, and video.

    1. ✓ Add images
    2. ✓ Choose an image format
    3. ✓ Write useful alt text
    4. ✓ Image dimensions and loading
    5. ✓ Figures and captions
    6. ✓ Responsive images with srcset
    7. ✓ The picture element
    8. ✓ Audio and video
    9. ✓ Captions and transcripts
    10. ✓ Iframes
    11. ✓ Practice: add a project image

  7. Tables and accessibility

    Present tabular data and check the page for accessibility.

    1. ✓ Build a table
    2. ✓ Table structure and captions
    3. ✓ Spanning cells and complex headers
    4. ✓ Start with native HTML
    5. ✓ The accessibility tree
    6. ✓ A basic accessibility check
    7. ✓ Practice: add a learning table

  8. Forms and debugging

    Understand where forms fit and diagnose common HTML errors.

    1. ✓ What is a form?
    2. ✓ What forms send
    3. ✓ Validate your HTML
    4. ✓ Source code and the DOM
    5. ✓ Debug HTML with DevTools
    6. ✓ Common HTML errors
    7. ✓ Practice: finish your page
    8. ✓ Final HTML check