HTML - Study Index

How to use this course

Follow this recommended path. Estimated times are rough; take your time with exercises and "Try it" demos.

Estimated total time: calculating…
Section time estimates
    Assumes 10–20 minutes for items without explicit times.
    1. Introduction (25–35m)
    2. Editors & Setup (10–15m)
    3. Basic Page Structure (25–35m)
    4. Elements & Attributes (35–45m)
    5. Comments (5–10m)

    Head & Metadata

    1. The head Element (25–35m)
    2. Page Title (10–15m)
    3. Favicon (10–15m)
    4. Charset & Lang (10–15m)
    5. Metadata & SEO (25–35m)
    6. Doctypes (5–10m)

    Text & Formatting

    1. Text (Headings, Paragraphs) (15–25m)
    2. Formatting (25–35m)
    3. Quotations & Citations (20–30m)
    4. Code & Computer Code (25–35m)
    5. Entities & Symbols (15–20m)
    6. Emojis (10–15m)
    1. Links (25–35m)
    2. Images (25–35m)
    3. Image Maps (20–30m)
    4. The picture Element (20–30m)
    5. File Paths (15–25m)
    6. Iframes (20–30m)
    7. Media (Overview) (25–35m)
    8. Video (25–35m)
    9. Audio (20–30m)
    10. Plug-ins (embed, object) (15–20m)
    11. YouTube Embed (10–15m)

    Lists & Tables

    1. Lists (Overview) (20–30m)
    2. Unordered Lists (10–15m)
    3. Ordered Lists (10–15m)
    4. Definition Lists (10–15m)
    5. Tables (Overview) (45–60m)
    6. Table Borders (15–25m)
    7. Table Sizes (15–20m)
    8. Table Headers & Captions (20–30m)
    9. Padding & Spacing (10–15m)
    10. Colspan & Rowspan (20–30m)
    11. Table Styling (10–15m)
    12. Table colgroup (10–15m)
    13. Nested Tables (10–15m)

    Structure & Semantics

    1. Block vs Inline (15–20m)
    2. div & span (15–20m)
    3. Classes (10–15m)
    4. Id (10–15m)
    5. Semantic Elements (30–45m)
    6. Layout (Semantic) (25–35m)
    7. Responsive Basics (15–20m)

    Graphics

    1. Canvas (25–35m)
    2. SVG (25–35m)
    3. Embed & Object (15–20m)

    Forms

    1. Forms (Overview) (45–60m)
    2. Form Elements (30–40m)
    3. Input Types (35–50m)
    4. Input Attributes (30–40m)
    5. Form Attributes (15–25m)
    6. Input Form Attributes (15–25m)

    Quality

    1. Accessibility (60–90m)
    2. Style Guide (20–30m)
    3. Deprecated & Obsolete (10–15m)

    Data & Microdata

    1. Microdata & Data Attributes (25–35m)

    Web APIs

    1. HTML & Web APIs (Overview) (20–30m)
    2. Geolocation API (25–35m)
    3. Drag & Drop API (25–35m)
    4. Web Storage (20–30m)
    5. Web Workers (25–35m)
    6. Server-Sent Events (20–30m)

    References & Misc

    1. URL Encode & Encodings (10–15m)
    2. Global Attributes (30–45m)
    3. Events (30–45m)
    4. Browser Support & Compatibility (20–30m)
    5. HTML vs. XHTML (15–25m)
    6. Tags Reference (A–Z) (25–35m)