HTML

HTML gives a web document an explicit, machine-readable structure. An HTML document normally contains a head for metadata and a body for displayed content, enclosed by the html root element. Elements are written with tags, and attributes add information such as a link destination, image description, language, or form behavior.¹

Modern HTML favors semantic elements, including header, nav, main, article, and footer, over generic containers when their meanings fit. This structure helps browsers, search engines, screen readers, and other tools interpret content. HTML can embed images, audio, video, graphics, and interactive controls, but it does not determine every visual detail; CSS ordinarily handles presentation, while scripts extend behavior.

HTML originated in the early World Wide Web, which Tim Berners-Lee developed at CERN in the early 1990s. Its initial purpose was to link and organize scientific documents across networked computers. As the web expanded, successive versions added richer forms, tables, multimedia, scripting interfaces, and more precise semantic features.

HTML’s current specification is maintained as a continuously updated HTML Living Standard by the WHATWG, rather than as a sequence of infrequent numbered editions.¹ The standard specifies not only elements and attributes but also parsing rules, error handling, browser APIs, loading behavior, and interaction with the DOM. Earlier standards work by the W3C, including HTML5, remains historically significant and influenced widely deployed practice.²

A browser processes HTML by tokenizing its characters, applying parsing rules, and constructing a document tree that scripts and user agents can inspect. The resulting page may trigger requests for stylesheets, images, fonts, scripts, and other resources, typically using HTTP or HTTPS.¹⁵

HTML, CSS, and JavaScript have distinct but complementary roles: HTML supplies structure, CSS supplies presentation, and JavaScript can modify the document and respond to events. HTML also defines built-in controls such as links, buttons, input fields, and media elements, reducing the need to recreate basic functions in script. Validity checking can identify conformance problems, but browsers are deliberately specified to recover from many malformed documents, so a page may render even when its source violates the standard.

HTML’s less visible importance lies in interoperability, accessibility, and graceful degradation. Native elements carry default semantics and keyboard behavior, so a real button is generally more robust than a styled generic container pretending to be one. Meaningful headings, labels, alternative text, language declarations, and logical reading order support web accessibility and align with the Web Content Accessibility Guidelines.³

Several features are easy to overlook. The lang attribute can influence pronunciation and text processing; data-* attributes allow authors to attach application-specific data; and the template element stores inert markup for later use by scripts. HTML also has global attributes, such as id, class, and dir, which work across many element types. Its permissive parsing model is a historical compatibility feature, not a recommendation to omit structure or accessibility information.

Element

A structural unit of an HTML document, usually represented by an opening tag, content, and a closing tag.

Attribute

A name-and-value property written in an element’s start tag, such as href, id, or lang.

DOM

The Document Object Model: a programming interface representing a document as a tree of objects.

Semantic HTML

HTML that uses elements according to their intended meaning and function rather than solely for visual appearance.