https://foxipa.com/en/html/learn/ A unified learning path from fundamentals through advanced material and reference content. Hugo en-US https://foxipa.com/en/html/learn/html-foundations/ Fri, 11 Sep 2026 13:21:38 +0000 https://foxipa.com/en/html/learn/html-foundations/ 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. https://foxipa.com/en/html/learn/headings/ Wed, 23 Sep 2026 18:00:00 +0300 https://foxipa.com/en/html/learn/headings/ Learn how to structure document headings with HTML heading elements from h1 through h6. https://foxipa.com/en/html/learn/paragraphs/ Wed, 23 Sep 2026 19:35:00 +0300 https://foxipa.com/en/html/learn/paragraphs/ Learn what HTML paragraphs mean, how to use the <p> element correctly, and how its content model, parsing rules, and semantic boundaries work. https://foxipa.com/en/html/learn/text-semantics/ Wed, 23 Sep 2026 18:00:00 +0300 https://foxipa.com/en/html/learn/text-semantics/ Learn how HTML elements communicate the meaning of emphasis, importance, quotations, code, annotations, dates, bidirectional text, and other textual content. https://foxipa.com/en/html/learn/links/ Wed, 23 Sep 2026 18:30:00 +0300 https://foxipa.com/en/html/learn/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. https://foxipa.com/en/html/learn/lists/ Wed, 23 Sep 2026 18:30:00 +0300 https://foxipa.com/en/html/learn/lists/ Learn unordered, ordered, and description lists, how nesting works, and how to choose the list that matches what your content means. https://foxipa.com/en/html/learn/images/ Wed, 23 Sep 2026 18:30:00 +0300 https://foxipa.com/en/html/learn/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. https://foxipa.com/en/html/learn/tables/ Wed, 23 Sep 2026 20:20:00 +0300 https://foxipa.com/en/html/learn/tables/ Learn to build readable, accessible data tables: captions, headers with scope, row grouping, spanning cells, and advanced column grouping with colgroup and col. https://foxipa.com/en/html/learn/forms/ Wed, 23 Sep 2026 18:15:00 +0300 https://foxipa.com/en/html/learn/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. https://foxipa.com/en/html/learn/form/ Wed, 23 Sep 2026 18:00:00 +0300 https://foxipa.com/en/html/learn/form/ Learn what the <form> element represents, how it owns controls, and how its submission, autofill, and validation attributes shape native form behavior. https://foxipa.com/en/html/learn/button/ Wed, 23 Sep 2026 18:30:00 +0300 https://foxipa.com/en/html/learn/button/ Learn how the <button> element creates native actions, how its types and form behavior work, and how to author accessible buttons. https://foxipa.com/en/html/learn/input/ Wed, 23 Sep 2026 18:00:00 +0300 https://foxipa.com/en/html/learn/input/ Learn the HTML <input> element from first principles through its input states, attributes, form behavior, accessibility, validation boundary, and advanced value model. https://foxipa.com/en/html/learn/textarea/ Wed, 23 Sep 2026 18:30:00 +0300 https://foxipa.com/en/html/learn/textarea/ Learn the HTML <textarea> element from first principles through multiline text editing, attributes, form behavior, accessibility, validation hooks, and its advanced value model. https://foxipa.com/en/html/learn/select/ Tue, 22 Sep 2026 21:00:00 +0300 https://foxipa.com/en/html/learn/select/ A comprehensive beginner-to-guru lesson on the HTML <select> element, options, grouping, selection state, form behavior, accessibility, DOM APIs, and customizable select controls. https://foxipa.com/en/html/learn/option/ Wed, 23 Sep 2026 18:45:00 +0300 https://foxipa.com/en/html/learn/option/ 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. https://foxipa.com/en/html/learn/datalist/ Tue, 22 Sep 2026 23:30:00 +0300 https://foxipa.com/en/html/learn/datalist/ 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. https://foxipa.com/en/html/learn/output/ Wed, 23 Sep 2026 18:00:00 +0300 https://foxipa.com/en/html/learn/output/ 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. https://foxipa.com/en/html/learn/progress/ Wed, 23 Sep 2026 17:00:00 +0300 https://foxipa.com/en/html/learn/progress/ 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. https://foxipa.com/en/html/learn/semantic-page-structure/ Thu, 17 Sep 2026 00:00:00 +0000 https://foxipa.com/en/html/learn/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. https://foxipa.com/en/html/learn/meter/ Wed, 23 Sep 2026 03:10:00 +0300 https://foxipa.com/en/html/learn/meter/ 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. https://foxipa.com/en/html/learn/selectedcontent/ Wed, 23 Sep 2026 18:00:00 +0300 https://foxipa.com/en/html/learn/selectedcontent/ 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. https://foxipa.com/en/html/learn/optgroup/ Wed, 23 Sep 2026 04:30:00 +0300 https://foxipa.com/en/html/learn/optgroup/ 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. https://foxipa.com/en/html/learn/global-attributes/ Sun, 27 Sep 2026 15:50:00 +0300 https://foxipa.com/en/html/learn/global-attributes/ 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. https://foxipa.com/en/html/learn/html-syntax-parsing-conformance/ Sun, 27 Sep 2026 16:00:00 +0300 https://foxipa.com/en/html/learn/html-syntax-parsing-conformance/ Understand the normative text/html syntax, tokenizer, tree-construction algorithm, parse-error recovery, and the distinction between authoring conformance and user-agent parsing. https://foxipa.com/en/html/learn/html-microdata/ Sun, 27 Sep 2026 16:10:00 +0300 https://foxipa.com/en/html/learn/html-microdata/ 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. https://foxipa.com/en/html/learn/html-user-interaction-focus/ Sun, 27 Sep 2026 17:00:00 +0300 https://foxipa.com/en/html/learn/html-user-interaction-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. https://foxipa.com/en/html/learn/html-accessibility-aria/ Sun, 27 Sep 2026 17:00:00 +0300 https://foxipa.com/en/html/learn/html-accessibility-aria/ 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. https://foxipa.com/en/html/learn/document-metadata/ Wed, 23 Sep 2026 18:00:00 +0300 https://foxipa.com/en/html/learn/document-metadata/ Learn how the HTML head, title, meta, link, base, style, and script elements prepare and describe a document.