HTML Learning

• LearninghtmlBeginner

  HTML Foundations: Building a Semantic Document

  Learn how HTML gives a document structure and meaning by building a small, semantic page from headings, paragraphs, lists, links, code, images, tables, and supporting elements.

  ~25 min read Open learning
• LearninghtmlBeginner

  HTML Headings

  Learn how to structure document headings with HTML heading elements from h1 through h6.

  ~20 min read Open learning
• LearninghtmlBeginnerAdvanced

  The HTML <p> Element

  Learn what HTML paragraphs mean, how to use the <p> element correctly, and how its content model, parsing rules, and semantic boundaries work.

  ~34 min read Open learning
• LearninghtmlBeginnerIntermediate

  HTML Text Semantics

  Learn how HTML elements communicate the meaning of emphasis, importance, quotations, code, annotations, dates, bidirectional text, and other textual content.

  ~32 min read Open learning
• LearninghtmlBeginner

  HTML Links

  Learn how anchors connect documents: href forms, useful link text, in-page fragments, new tabs, downloads, and the mistakes that make links hard to use.

  ~14 min read Open learning
• LearninghtmlBeginner

  HTML Lists

  Learn unordered, ordered, and description lists, how nesting works, and how to choose the list that matches what your content means.

  ~12 min read Open learning
• LearninghtmlBeginner

  HTML Images

  Learn the img element and its required attributes, the craft of writing alt text, layout-saving width and height, figures with captions, and responsive images.

  ~16 min read Open learning
• LearninghtmlBeginner

  HTML Tables

  Learn to build readable, accessible data tables: captions, headers with scope, row grouping, spanning cells, and advanced column grouping with colgroup and col.

  ~22 min read Open learning
• LearninghtmlBeginner

  HTML Forms

  Learn to build forms people can actually use: labels tied to controls, the right input types, radio groups under fieldsets, and the validation attributes that do real work.

  ~20 min read Open learning
• LearninghtmlBeginnerIntermediate

  The HTML <form> Element

  Learn what the <form> element represents, how it owns controls, and how its submission, autofill, and validation attributes shape native form behavior.

  ~24 min read Open learning
• LearninghtmlBeginnerIntermediate

  The HTML <button> Element

  Learn how the <button> element creates native actions, how its types and form behavior work, and how to author accessible buttons.

  ~18 min read Open learning
• LearninghtmlBeginnerIntermediateAdvanced

  The HTML <input> Element

  Learn the HTML <input> element from first principles through its input states, attributes, form behavior, accessibility, validation boundary, and advanced value model.

  ~45 min read Open learning
• LearninghtmlBeginnerIntermediateAdvanced

  The HTML <textarea> Element

  Learn the HTML <textarea> element from first principles through multiline text editing, attributes, form behavior, accessibility, validation hooks, and its advanced value model.

  ~45 min read Open learning
• LearninghtmlBeginnerIntermediateAdvanced

  The <select> Element

  A comprehensive beginner-to-guru lesson on the HTML <select> element, options, grouping, selection state, form behavior, accessibility, DOM APIs, and customizable select controls.

  ~50 min read Open learning
• LearninghtmlBeginnerIntermediateAdvanced

  The <option> Element

  A comprehensive beginner-to-guru lesson on the HTML <option> element, labels, values, default and live selection state, disabled options, select and datalist relationships, DOM APIs, customizable selects, accessibility, and form data contracts.

  ~45 min read Open learning
• LearninghtmlBeginnerIntermediateAdvanced

  The <datalist> Element

  A comprehensive beginner-to-guru lesson on the HTML <datalist> element, native suggestions, list associations, option data, browser behavior, accessibility, validation boundaries, DOM APIs, progressive enhancement, and resilient production patterns.

  ~45 min read Open learning
• LearninghtmlBeginnerIntermediateAdvanced

  The <output> Element

  A comprehensive beginner-to-guru lesson on the HTML <output> element, calculation results, form association, for/name/form relationships, value and defaultValue modes, reset behavior, accessibility, DOM APIs, submission boundaries, security, localization, testing, and resilient production patterns.

  ~50 min read Open learning
• LearninghtmlBeginnerIntermediateAdvanced

  The <progress> Element

  A comprehensive beginner-to-guru lesson on the HTML <progress> element, determinate and indeterminate task progress, value and max, accessibility, DOM APIs, styling boundaries, asynchronous workflows, testing, and resilient production patterns.

  ~50 min read Open learning
• LearninghtmlBeginner

  Semantic Page Structure

  Learn the landmark elements that give a page its skeleton: header, nav, main, article, section, aside, and footer, and when a div is the honest choice.

  ~15 min read Open learning
• LearninghtmlBeginnerIntermediateAdvanced

  The <meter> Element

  A comprehensive beginner-to-guru lesson on the HTML <meter> element, bounded measurements, thresholds, optimum values, accessibility, DOM APIs, native rendering, dynamic data, and resilient production patterns.

  ~50 min read Open learning
• LearninghtmlBeginnerIntermediateAdvanced

  The <selectedcontent> Element

  A comprehensive beginner-to-guru lesson on the HTML <selectedcontent> element, customizable selects, reflected option content, accessibility, browser support, dynamic DOM behavior, progressive enhancement, and resilient component architecture.

  ~55 min read Open learning
• LearninghtmlBeginnerIntermediateAdvanced

  The <optgroup> Element

  A comprehensive beginner-to-guru lesson on the HTML <optgroup> element, semantic option grouping, labels, disabled groups, customizable selects, accessibility, DOM APIs, form boundaries, security, testing, and resilient component architecture.

  ~50 min read Open learning
• LearninghtmlIntermediate

  HTML Global Attributes and Common Infrastructure

  Learn the cross-element HTML attributes that control language, direction, visibility, focus, editing, input behavior, popovers, custom data, and other document-wide behavior without duplicating element-specific semantics.

  ~45 min read Open learning
• LearninghtmlAdvanced

  HTML Syntax, Parsing, and Conformance

  Understand the normative text/html syntax, tokenizer, tree-construction algorithm, parse-error recovery, and the distinction between authoring conformance and user-agent parsing.

  ~55 min read Open learning
• LearninghtmlAdvanced

  HTML Microdata and Machine-Readable Semantics

  Learn the HTML Standard’s microdata model, item and property structure, value extraction rules, vocabulary typing, global identifiers, itemref, and conformance boundaries without confusing HTML mechanics with third-party vocabulary semantics.

  ~50 min read Open learning
• LearninghtmlAdvanced

  HTML User Interaction and Focus

  Learn the HTML Standard’s cross-cutting interaction model: focusable areas, sequential focus navigation, autofocus, activation behavior, user activation, editing and selection boundaries, and drag-and-drop without duplicating element-specific lessons.

  ~55 min read Open learning
• LearninghtmlIntermediate

  HTML Accessibility and ARIA Authoring

  Learn the cross-cutting HTML and ARIA authoring rules: native-first semantics, ARIA roles and states, accessible names and relationships, ARIA in HTML conformance, and the boundary between authoring and platform accessibility behavior.

  ~40 min read Open learning
• LearninghtmlBeginnerIntermediate

  HTML Document Metadata

  Learn how the HTML head, title, meta, link, base, style, and script elements prepare and describe a document.

  ~28 min read Open learning

No learning resources match these filters.