What HTML actually is

HTML stands for HyperText Markup Language. It is the standard language used to create the structure of web pages. When you open a website, your browser reads an HTML document and turns its instructions into the headings, paragraphs, images, and links you see on screen. Almost every page on the web starts life as an HTML file.

The two key ideas are in the name. HyperText refers to text that links to other text, the clickable connections that let you jump from one page to another across the web. Markup means that the language works by marking up plain content with labels. Those labels tell the browser what each part of the content is: this is a heading, this is a paragraph, this is a list, this is a picture.

It helps to think of HTML as the skeleton of a web page. On its own it is not concerned with colours, fonts, or animations. Its job is to define what the content is and how it is organised. Appearance and behaviour are added by two other technologies that work alongside it.

Tags, elements, and attributes

HTML is built from small building blocks called elements. Most elements are written with a pair of tags: an opening tag and a closing tag. The opening tag is a keyword wrapped in angle brackets, and the closing tag looks the same but includes a forward slash. Whatever sits between the two tags is the content of that element.

For example, a paragraph uses a tag that opens the paragraph, then the sentence itself, then a matching tag that closes it. A main heading uses a heading tag, and smaller subheadings use lower-ranked heading tags. This simple pattern of opening tag, content, and closing tag repeats throughout an entire document.

Some elements do not wrap content and are written as a single tag. An image is a common example: instead of surrounding text, it points to a file that the browser should load and display. A line break is another single-tag element.

Elements can also carry attributes, which are extra pieces of information placed inside the opening tag. An attribute might tell a link where it should lead, give an image a text description for people using screen readers, or assign a name to an element so it can be styled or found later. Attributes always live inside the opening tag and usually take the form of a name followed by a value.

How elements nest

Elements are frequently placed inside other elements, a structure called nesting. A list, for instance, is a container element that holds several individual list-item elements inside it. This nesting creates a tree-like hierarchy, with a single root element at the top and everything else branching out beneath it. Browsers and developer tools treat this tree as the blueprint of the page.

The structure of an HTML document

A complete HTML page follows a predictable shape. It begins with a short declaration that tells the browser it is reading modern HTML. After that comes a root element that wraps the whole document, and inside it are two main sections.

The first section is the head. It holds information about the page that visitors do not see directly, such as the page title that appears in the browser tab, the character encoding, a description for search engines, and links to styling files. The second section is the body, which contains everything that is actually displayed: the text, images, buttons, and other visible content.

This consistent structure is one reason the web works so reliably across different devices. Whether a page is opened on a phone, a laptop, or a screen reader, the same underlying organisation is there to be interpreted.

How HTML fits with CSS and JavaScript

HTML rarely works alone. On a typical modern website it is one of three core technologies, each with a distinct role.

  • HTML provides the structure and meaning of the content.
  • CSS, which stands for Cascading Style Sheets, controls the presentation: colours, fonts, spacing, and layout.
  • JavaScript adds interactivity and behaviour, such as responding to clicks, validating forms, or updating content without reloading the page.

A useful comparison is building a house. HTML is the frame and walls that define the rooms, CSS is the paint and decoration, and JavaScript is the electrical wiring that makes things respond when you flip a switch. Keeping these responsibilities separate makes websites easier to build and maintain.

Semantic HTML and accessibility

Modern HTML encourages the use of semantic elements, meaning tags that describe the role of the content rather than just its appearance. There are dedicated elements for headers, navigation menus, main content, articles, sidebars, and footers. Using these instead of generic containers helps machines understand the page.

This matters for two groups in particular. Search engines read semantic markup to work out what a page is about, which can affect how it appears in results. Assistive technologies such as screen readers rely on it to describe a page to people who cannot see it, letting them jump between headings or skip straight to the main content. Writing clear, well-structured HTML is therefore a key part of making the web usable for everyone.

A short history of HTML

HTML was first proposed at the end of the 1980s and took shape in the early 1990s as a simple way to share and link documents between researchers. In those early days it offered only a handful of elements, enough to mark up headings, paragraphs, and the links that made the web navigable. As the web grew into a place for images, forms, and eventually applications, the language expanded to match.

A major milestone was the arrival of a modern version that added built-in support for audio, video, and richer form controls without the need for extra plugins. Features that once required separate programs became part of the language itself, which made pages faster, more secure, and easier to build. This steady growth is why HTML written decades ago still largely works today, while new capabilities keep being layered on top.

How HTML is standardised

HTML is not owned by any single company. It is an open standard, which means its rules are published openly so that every browser maker can follow the same specification. Today the standard is maintained as a continually updated “living standard” rather than through numbered versions released years apart. This approach lets new features be added gradually as browsers adopt them.

The practical benefit is consistency. Because browsers broadly agree on how to interpret HTML, a page written once can be viewed almost anywhere without being rewritten for each program.

Seeing HTML for yourself

You do not need special software to explore HTML. Every major browser lets you inspect the code behind a page. Right-clicking on a page and choosing an option such as “View Page Source” shows the raw HTML document, while the built-in developer tools let you hover over parts of a page and watch the matching elements highlight. This is one of the easiest ways for a beginner to learn, because you can see exactly how real pages are put together.

Learning HTML is often the first step for anyone curious about how the web works. The language is deliberately approachable: the tags read almost like plain English, and small changes produce visible results straight away. Once the idea of elements, attributes, and nesting clicks into place, the structure behind the entire web starts to make sense.