HTML
HTML is the markup language that gives a web page its structure and meaning. Elements identify content such as headings, links, images, navigation, and forms so browsers and assistive technologies can interpret it.
itWeb development | OpenSkills.info
Course pathWalk it in order
Look it upDip in anytime
Go furtherLeaves this page
Intro
HTML
HTML, or HyperText Markup Language, describes the structure and meaning of a web document. An HTML document is text containing elements such as headings, paragraphs, links, images, lists, tables, and forms. A browser parses that text into a document tree. It then combines the tree with CSS for presentation and JavaScript for behavior.
HTML is not a programming language. It does not express general algorithms or manage application state by itself. Its main job is to identify what each part of a document represents and how those parts relate.
From source text to a document tree
A server commonly sends HTML with the text/html media type. A browser's HTML parser reads the byte stream, determines its character encoding, tokenizes the markup, and constructs nodes in the Document Object Model, or DOM. Elements become element nodes, text becomes text nodes, and nesting establishes parent-child relationships.
The parser follows defined error-recovery rules. Missing end tags or incorrectly nested elements may still produce a usable tree, but the resulting DOM can differ from the source indentation. Browser tolerance keeps older pages working; it does not make malformed markup reliable.
CSS selectors match the resulting element tree and assign presentation. JavaScript can read and change the same DOM. Assistive technologies use element semantics, names, states, and relationships to present the document through interfaces such as screen readers. Search engines and other consumers also use document structure as a signal.
The document shell
Continue the course
This section is part of the paid course.
See pricing to subscribe, or log in if you already have access.
Where this skill leads
Relevant careers
See how this topic contributes to broader role-level skill maps.
Sources
- https://html.spec.whatwg.org/
Supports
- HTML document model, element semantics, content models, attributes, parsing, error recovery, forms, images, and author conformance
- Intro, slides, cheatsheet, video script, and quiz answers
- https://html.spec.whatwg.org/dev/
Supports
- Author-focused element, attribute, syntax, and semantic reference path
- https://developer.mozilla.org/en-US/docs/Web/HTML
Supports
- Indexed HTML element and attribute reference with guides and compatibility context
- https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content
Supports
- Foundational study path through document structure, text, links, images, tables, and forms
- https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Form_validation
Supports
- Client-side validation benefits and requirement for server-side validation
- https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Testing/Introduction
Supports
- Cross-browser testing as distinct from markup conformance
- https://validator.w3.org/nu/
Supports
- HTML conformance checking by URL, upload, and direct input
- https://www.w3.org/WAI/tutorials/
Supports
- Accessibility study path for structure, images, tables, forms, menus, and carousels
- https://web-platform-tests.org/
Supports
- Shared cross-browser testing infrastructure and implementation testing path
- https://github.com/sindresorhus/awesome
Supports
- Discovery of the Awesome HTML5 list
- https://github.com/diegocard/awesome-html5
Supports
- Discovery of Can I Use, Pa11y, HTML5 Please, and HEAD
- https://caniuse.com/
Supports
- Browser support tables for HTML and related web-platform features
- https://pa11y.org/
Supports
- Automated accessibility testing through command-line and continuous integration tools
- https://html5please.com/
Supports
- Use, fallback, and polyfill guidance for web-platform features
- https://htmlhead.dev/
Supports
- Catalog of document-head metadata and resource declarations
- https://www.w3.org/People/Raggett/book4/ch02.html
Supports
- 1989 Web proposal and HTML publishing language
- 1991 public HTML discussion
- Early SGML basis, hypertext links, and browser evolution
- https://www.rfc-editor.org/rfc/rfc1866.html
Supports
- HTML 2.0 publication as RFC 1866 in November 1995
- https://www.w3.org/TR/REC-html32
Supports
- HTML 3.2 Recommendation date and interoperable feature set
- https://www.w3.org/TR/REC-html40-971218/
Supports
- HTML 4.0 Recommendation date and separation of structure from presentation
- https://www.w3.org/TR/html401/
Supports
- HTML 4.01 Recommendation date and corrections to HTML 4
- https://www.w3.org/TR/xhtml1/
Supports
- XHTML 1.0 as an XML reformulation of HTML 4 and its Recommendation date
- https://www.w3.org/TR/2008/WD-html5-20080122/
Supports
- First W3C public working draft date for HTML 5
- https://www.w3.org/TR/2014/REC-html5-20141028/
Supports
- HTML5 Recommendation date and expanded web-application semantics
- https://www.w3.org/2019/04/WHATWG-W3C-MOU.html
Supports
- 2019 agreement on a single development stream centered on WHATWG Living Standards
- https://code.visualstudio.com/docs/languages/html
Supports
- Built-in HTML completion, formatting, navigation, and validation
- https://www.jetbrains.com/help/webstorm/editing-html-files.html
Supports
- HTML editing, completion, documentation, validation, and preview workflow
- https://www.sublimetext.com/docs/completions.html
Supports
- Syntax-aware completion behavior used while authoring HTML
- https://codepen.io/features/
Supports
- Browser-based editor with immediate HTML, CSS, and JavaScript preview
- https://developer.stackblitz.com/platform/webcontainers
Supports
- Browser-based development environments that run projects and previews
- https://webflow.com/feature/semantic-html5-tags
Supports
- Visual authoring controls for assigning semantic HTML elements
