Skip to content

You are exploring the academy. Create an account to save your progress.

Create account
Courses & paths

One step at a time

HTML Fundamentals

Master HTML from scratch. Build real pages, understand how browsers work, and write clean, accessible markup.

13 modules73 lessons88 min
Free Create an account to start ↗I have an account

Your path through the course

Open a module to explore its lessons
  1. Welcome to HTML5 lessons

    What HTML is and how the browser reads it.

    1. What is HTML?Video 8 min
    2. How the Browser Reads Your CodeVideo · Complete the previous lesson first 7 min
    3. Your First HTML FileLesson · Complete the previous lesson first
    4. The Anatomy of an ElementLesson · Complete the previous lesson first
    5. My First WebpagePractice · Complete the previous lesson first
  2. Document Structure5 lessons

    DOCTYPE, head, body, and what goes inside each.

    1. DOCTYPE, html, head, bodyLesson · Complete the previous lesson first
    2. The title TagLesson · Complete the previous lesson first
    3. meta charset and viewportLesson · Complete the previous lesson first
    4. Linking CSS and JS FilesLesson · Complete the previous lesson first
    5. Comments in HTMLLesson · Complete the previous lesson first
  3. Text & Headings5 lessons

    Structuring and styling text content.

    1. h1 to h6 — Hierarchy MattersVideo · Complete the previous lesson first 6 min
    2. Paragraphs with pLesson · Complete the previous lesson first
    3. strong, em, mark, and smallLesson · Complete the previous lesson first
    4. br and hrLesson · Complete the previous lesson first
    5. pre and codeLesson · Complete the previous lesson first
  4. Links & Navigation5 lessons

    Anchor tags, URLs, and building navigation.

    1. The Anchor TagLesson · Complete the previous lesson first
    2. Absolute vs Relative URLsLesson · Complete the previous lesson first
    3. target="_blank" and rel="noopener"Lesson · Complete the previous lesson first
    4. Linking to Page Sections with idLesson · Complete the previous lesson first
    5. The nav ElementLesson · Complete the previous lesson first
  5. Images & Media6 lessons

    Images, video, audio, and embedded content.

    1. The img TagLesson · Complete the previous lesson first
    2. File Formats — When to Use WhatLesson · Complete the previous lesson first
    3. figure and figcaptionLesson · Complete the previous lesson first
    4. video and audioLesson · Complete the previous lesson first
    5. iframe — Embedding External ContentLesson · Complete the previous lesson first
    6. Media Gallery PagePractice · Complete the previous lesson first
  6. Lists5 lessons

    Organising content with ul, ol, and dl.

    1. Unordered and Ordered ListsLesson · Complete the previous lesson first
    2. ol type and startLesson · Complete the previous lesson first
    3. List Items and Best PracticesLesson · Complete the previous lesson first
    4. Description ListsLesson · Complete the previous lesson first
    5. Nesting ListsLesson · Complete the previous lesson first
  7. Tables5 lessons

    Structured data with HTML tables.

    1. table, tr, td, thLesson · Complete the previous lesson first
    2. thead, tbody, tfootLesson · Complete the previous lesson first
    3. colspan and rowspanVideo · Complete the previous lesson first 8 min
    4. caption and AccessibilityLesson · Complete the previous lesson first
    5. Pricing TablePractice · Complete the previous lesson first
  8. Forms10 lessons

    Building interactive forms.

    1. form action and methodLesson · Complete the previous lesson first
    2. input Types — text, email, password, number, dateLesson · Complete the previous lesson first
    3. input Types — checkbox, radioLesson · Complete the previous lesson first
    4. label and the for AttributeVideo · Complete the previous lesson first 6 min
    5. select DropdownLesson · Complete the previous lesson first
    6. textareaLesson · Complete the previous lesson first
    7. button vs input type="submit"Lesson · Complete the previous lesson first
    8. fieldset and legendLesson · Complete the previous lesson first
    9. Form Validation AttributesLesson · Complete the previous lesson first
    10. Registration FormPractice · Complete the previous lesson first
  9. Semantic HTML7 lessons

    Writing HTML that means something.

    1. What is Semantic HTML and Why It MattersVideo · Complete the previous lesson first 9 min
    2. header, footer, mainLesson · Complete the previous lesson first
    3. section, article, asideLesson · Complete the previous lesson first
    4. details and summaryLesson · Complete the previous lesson first
    5. time, address, and abbrLesson · Complete the previous lesson first
    6. div vs span vs Semantic ElementsVideo · Complete the previous lesson first 8 min
    7. Blog Post Page — Semantic OnlyPractice · Complete the previous lesson first
  10. Global Attributes5 lessons

    Attributes that work on every HTML element.

    1. id and classLesson · Complete the previous lesson first
    2. style and titleLesson · Complete the previous lesson first
    3. data-* Custom AttributesLesson · Complete the previous lesson first
    4. hidden, tabindex, and contenteditableLesson · Complete the previous lesson first
    5. lang and dir — RTL SupportLesson · Complete the previous lesson first
  11. Accessibility6 lessons

    Making the web usable for everyone.

    1. What is Accessibility and Who It ServesLesson · Complete the previous lesson first
    2. alt Text Done RightLesson · Complete the previous lesson first
    3. ARIA Roles — role, aria-label, aria-hiddenVideo · Complete the previous lesson first 10 min
    4. Keyboard Navigation and tabindexLesson · Complete the previous lesson first
    5. Semantic HTML as the First Layer of AccessibilityLesson · Complete the previous lesson first
    6. Audit and Fix an Inaccessible PagePractice · Complete the previous lesson first
  12. HTML & the Browser — Deeper Look8 lessons

    Understanding what the browser actually does with your HTML.

    1. The DOM — What the Browser Actually BuildsVideo · Complete the previous lesson first 10 min
    2. How Parsing Works — and What Breaks ItVideo · Complete the previous lesson first 8 min
    3. Block vs Inline Elements RevisitedLesson · Complete the previous lesson first
    4. The head in Depth — Favicons, OG Tags, CanonicalLesson · Complete the previous lesson first
    5. script — defer, async, and PlacementVideo · Complete the previous lesson first 8 min
    6. link rel — Preload, Prefetch, DNS-PrefetchLesson · Complete the previous lesson first
    7. HTML Entities and Special CharactersLesson · Complete the previous lesson first
    8. Void Elements vs Container ElementsLesson · Complete the previous lesson first
  13. Capstone1 lessons

    Put everything together.

    1. Full Personal Portfolio Page — HTML OnlyPractice · Complete the previous lesson first

One lesson at a time, all the way through.

zerodayXzerodayX

YOUR NEXT LINE_

Welcome back.

Learn, experiment, and build something of your own.

or with email
Forgot?

Sign-in verification is not configured yet. Contact the academy for help.