HTML: Zero to Structure

Begin with the core structure of the web. This module teaches how HTML documents are created, how browsers read markup, and how a valid document shell becomes the foundation for every website, web app, and frontend framework. Learners will build a reusable starter HTML page and inspect its structure using browser tools.

• What HTML Does on the Web

  Not Started20m

• HTML Document Anatomy

  Not Started22m

• Elements, Attributes, Nesting, and Void Elements

  Not Started24m

• Browser Parsing, DOM, and DevTools Inspection

  Not Started24m

Learn how to turn raw text into meaningful web content. This module focuses on headings, paragraphs, lists, quotes, code blocks, time elements, and article-style structures so learners can create pages that are easier to read, maintain, search, and understand by assistive technologies.

• Headings and Page Hierarchy

  Not Started24m

• Paragraphs and Inline Semantics

  Not Started22m

• Lists, Definitions, and Structured Content

  Not Started24m

• Articles, Time, Quotes, and Code Blocks

  Not Started26m

Build the structure users rely on to move through a website. This module covers links, URLs, navigation menus, headers, footers, main content areas, breadcrumbs, skip links, and page landmarks. Learners will create clear page flow for a small multi-page website.

Add rich content to HTML pages without breaking accessibility or structure. This module teaches images, alt text, figures, captions, video, audio, transcripts, and embedded content. Learners will build a media-rich lesson page that supports visual, audio, and text-based learning.

• Images and Alt Text

  Not Started24m

• Figure and Figcaption

  Not Started24m

• Video, Audio, Tracks, and Transcripts

  Not Started26m

• Iframes, Embeds, and External Content

  Not Started24m