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

~~~

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