# HTML elements A to Z

HTML elements A to Z: 110 terms, each with what it does and a link to its full page.

Updated: October 29, 2026

An **element** is one building block of a web page: a heading, a paragraph, a link, a picture. You write it as a tag in angle brackets, like `<p>`, and most elements wrap their content between an opening tag and a closing tag: `<p>Open daily from 9 to 5.</p>`.

Here is every HTML element in the glossary, A to Z. Pick a letter to jump down the list, or pick a tag to read its full page with an example.

## A

- [`<a>`](https://www.ask-codey.com/glossary/a): The element that makes a link: click it to go to another page, a spot on the same page, or a file.
- [`<abbr>`](https://www.ask-codey.com/glossary/abbr): The element for an abbreviation or acronym, optionally with its expansion in a title attribute.
- [`<address>`](https://www.ask-codey.com/glossary/address): The element for contact information associated with an article or the document.
- [`<area>`](https://www.ask-codey.com/glossary/area): The element that defines one clickable region and destination in an image map.
- [`<article>`](https://www.ask-codey.com/glossary/article): The element for self-contained content that could be reused or distributed independently.
- [`<aside>`](https://www.ask-codey.com/glossary/aside): The element for content indirectly related to the surrounding content.
- [`<audio>`](https://www.ask-codey.com/glossary/audio): The element that embeds sound content and can provide browser playback controls.

## B

- [`<b>`](https://www.ask-codey.com/glossary/b): The element that draws attention to text without adding importance or emphasis.
- [`<base>`](https://www.ask-codey.com/glossary/base): The element that sets the base URL used to resolve relative URLs in a document.
- [`<bdi>`](https://www.ask-codey.com/glossary/bdi): The element that isolates text whose direction may differ from its surroundings.
- [`<bdo>`](https://www.ask-codey.com/glossary/bdo): The element that overrides the normal bidirectional ordering of its text.
- [`<blockquote>`](https://www.ask-codey.com/glossary/blockquote): The element for a section quoted from another source.
- [`<body>`](https://www.ask-codey.com/glossary/body): The element that contains the document content presented as the web page.
- [`<br>`](https://www.ask-codey.com/glossary/br): The element that creates a line break where the break is part of the content.
- [`<button>`](https://www.ask-codey.com/glossary/button): The element for a button that can submit, reset, or perform a scripted action.

## C

- [`<canvas>`](https://www.ask-codey.com/glossary/canvas): The element that provides a bitmap drawing surface normally controlled through scripting.
- [`<caption>`](https://www.ask-codey.com/glossary/caption): The element that provides a title or explanation for its table.
- [`<cite>`](https://www.ask-codey.com/glossary/cite): The element for the title of a creative work.
- [`<code>`](https://www.ask-codey.com/glossary/code): The element for a fragment of computer code.
- [`<col>`](https://www.ask-codey.com/glossary/col): The element that represents one or more columns within a colgroup.
- [`<colgroup>`](https://www.ask-codey.com/glossary/colgroup): The element that represents a group of columns in a table.

## D

- [`<data>`](https://www.ask-codey.com/glossary/data): The element that pairs the words people read with a value a program can read, such as a product's name with its product code.
- [`<datalist>`](https://www.ask-codey.com/glossary/datalist): The element that supplies suggested options to an associated input without limiting entry to those options.
- [`<dd>`](https://www.ask-codey.com/glossary/dd): The description in a description list: the details for the dt just before it.
- [`<del>`](https://www.ask-codey.com/glossary/del): The element that marks text as taken out of a document, usually shown struck through.
- [`<details>`](https://www.ask-codey.com/glossary/details): The element that contains additional information a user can reveal or hide.
- [`<dfn>`](https://www.ask-codey.com/glossary/dfn): The element that marks the spot where a term is defined, so readers know this sentence explains it.
- [`<dialog>`](https://www.ask-codey.com/glossary/dialog): The element that represents a dialog box or other temporary interactive component.
- [`<div>`](https://www.ask-codey.com/glossary/div): A generic container for flow content when no more meaningful element fits.
- [`<dl>`](https://www.ask-codey.com/glossary/dl): A description list: pairs of names and their descriptions, like a glossary or a product's specs.
- [`<dt>`](https://www.ask-codey.com/glossary/dt): The name in a description list: the word or label that the dd after it describes.

## E

- [`<em>`](https://www.ask-codey.com/glossary/em): The element that marks stress emphasis that can change a sentence's meaning.
- [`<embed>`](https://www.ask-codey.com/glossary/embed): The element that embeds external content handled by the browser or a supported plugin.

## F

- [`<fieldset>`](https://www.ask-codey.com/glossary/fieldset): The element that groups related form controls and labels.
- [`<figcaption>`](https://www.ask-codey.com/glossary/figcaption): The element that provides a caption for its parent figure.
- [`<figure>`](https://www.ask-codey.com/glossary/figure): The element that groups self-contained content that may have a caption.
- [`<footer>`](https://www.ask-codey.com/glossary/footer): The element for footer information belonging to its nearest section or the page.

## H

- [`<h1>`](https://www.ask-codey.com/glossary/h1): The top-level heading: the page's main title, usually used once per page.
- [`<h2>`](https://www.ask-codey.com/glossary/h2): A second-level heading: the title of a main section under the page's h1.
- [`<h3>`](https://www.ask-codey.com/glossary/h3): A third-level heading: the title of a smaller section inside an h2 section.
- [`<h4>`](https://www.ask-codey.com/glossary/h4): A fourth-level heading: the title of a section inside an h3 section.
- [`<h5>`](https://www.ask-codey.com/glossary/h5): A fifth-level heading: the title of a section inside an h4 section. Most pages never go this deep.
- [`<h6>`](https://www.ask-codey.com/glossary/h6): The sixth and lowest heading level: the title of a section inside an h5 section. Rarely needed.
- [`<head>`](https://www.ask-codey.com/glossary/head-html): The element that contains document metadata rather than the page's main visible content.
- [`<header>`](https://www.ask-codey.com/glossary/header): The element for introductory or navigational content belonging to a page or section.
- [`<hgroup>`](https://www.ask-codey.com/glossary/hgroup): The element that keeps a heading together with the lines that go with it, such as a subtitle or a tagline.
- [`<hr>`](https://www.ask-codey.com/glossary/hr): The element that represents a thematic break between groups of content.
- [`<html>`](https://www.ask-codey.com/glossary/html): The root element that contains the head and body of an HTML document.

## I

- [`<i>`](https://www.ask-codey.com/glossary/i): The element that marks text in an alternate voice or otherwise offset from normal prose.
- [`<iframe>`](https://www.ask-codey.com/glossary/iframe): The element that embeds another HTML page as a nested browsing context.
- [`<img>`](https://www.ask-codey.com/glossary/img): The element that puts a picture on the page, with alt text that describes it for anyone who can't see it.
- [`<input>`](https://www.ask-codey.com/glossary/input-html): The element that creates a data-entry control selected by its type attribute.
- [`<ins>`](https://www.ask-codey.com/glossary/ins): The element that marks text as added to a document, usually shown underlined.

## K

- [`<kbd>`](https://www.ask-codey.com/glossary/kbd): The element for user input, commonly keyboard input.

## L

- [`<label>`](https://www.ask-codey.com/glossary/label): The element that provides a caption for a form control.
- [`<legend>`](https://www.ask-codey.com/glossary/legend): The element that captions a fieldset.
- [`<li>`](https://www.ask-codey.com/glossary/li): A list item: one entry in a ul or ol list.
- [`<link>`](https://www.ask-codey.com/glossary/link): The element that declares a relationship between the document and another resource.

## M

- [`<main>`](https://www.ask-codey.com/glossary/main): The element for the document body's dominant, unique content.
- [`<map>`](https://www.ask-codey.com/glossary/map-html): The element that defines a collection of interactive areas for an image map.
- [`<mark>`](https://www.ask-codey.com/glossary/mark): The element for text highlighted because it is relevant in the current context.
- [`<menu>`](https://www.ask-codey.com/glossary/menu): A list of commands a person can pick from, such as a toolbar's buttons. Browsers show it like a ul.
- [`<meta>`](https://www.ask-codey.com/glossary/meta): The element for metadata that cannot be expressed by title, base, link, style, or script.
- [`<meter>`](https://www.ask-codey.com/glossary/meter): The element that displays a measured value within a known range.

## N

- [`<nav>`](https://www.ask-codey.com/glossary/nav): The element for a major group of navigation links.
- [`<noscript>`](https://www.ask-codey.com/glossary/noscript): The element that provides alternate HTML when scripting is disabled or unsupported.

## O

- [`<object>`](https://www.ask-codey.com/glossary/object-html): The element that embeds an external resource and can contain fallback content.
- [`<ol>`](https://www.ask-codey.com/glossary/ol): An ordered list: a numbered list where the order of the items matters, like the steps of a recipe.
- [`<optgroup>`](https://www.ask-codey.com/glossary/optgroup): The element that groups related options inside a select control.
- [`<option>`](https://www.ask-codey.com/glossary/option): The element representing one choice in a select control or datalist.
- [`<output>`](https://www.ask-codey.com/glossary/output): The element that represents the result of a calculation or user action.

## P

- [`<p>`](https://www.ask-codey.com/glossary/p): The element that represents a paragraph.
- [`<picture>`](https://www.ask-codey.com/glossary/picture): The element that offers image sources for responsive selection before a required img element.
- [`<pre>`](https://www.ask-codey.com/glossary/pre): The element for preformatted text whose whitespace is significant.
- [`<progress>`](https://www.ask-codey.com/glossary/progress): The element that displays completion progress for a task.

## Q

- [`<q>`](https://www.ask-codey.com/glossary/q): The element for a short quotation that stays within surrounding text.

## R

- [`<rp>`](https://www.ask-codey.com/glossary/rp): The element providing fallback parentheses for browsers that do not render ruby annotations.
- [`<rt>`](https://www.ask-codey.com/glossary/rt): The element containing ruby pronunciation or annotation text.
- [`<ruby>`](https://www.ask-codey.com/glossary/ruby): The element that groups base text with its ruby annotations.

## S

- [`<s>`](https://www.ask-codey.com/glossary/s): The element for content that is no longer accurate or relevant.
- [`<samp>`](https://www.ask-codey.com/glossary/samp): The element for sample output from a program or computing system.
- [`<script>`](https://www.ask-codey.com/glossary/script-javascript-2): The element that embeds or references executable code or data.
- [`<search>`](https://www.ask-codey.com/glossary/search): The element for controls used to search or filter content.
- [`<section>`](https://www.ask-codey.com/glossary/section): The element for a standalone thematic section that normally has a heading.
- [`<select>`](https://www.ask-codey.com/glossary/select-html): The element that lets a user choose from a list of options.
- [`<slot>`](https://www.ask-codey.com/glossary/slot): The element that marks where assigned light-DOM content appears inside a shadow tree.
- [`<small>`](https://www.ask-codey.com/glossary/small): The element for side comments such as copyright text or legal fine print.
- [`<source>`](https://www.ask-codey.com/glossary/source): The element that supplies an alternative media or image resource for its parent.
- [`<span>`](https://www.ask-codey.com/glossary/span): A generic inline container for phrasing content when no more meaningful element fits.
- [`<strong>`](https://www.ask-codey.com/glossary/strong): The element that marks content as strongly important, serious, or urgent.
- [`<sub>`](https://www.ask-codey.com/glossary/sub): The element for subscript text required by typographic convention.
- [`<summary>`](https://www.ask-codey.com/glossary/summary): The element that provides the visible label or summary for its parent details element.
- [`<sup>`](https://www.ask-codey.com/glossary/sup): The element for superscript text required by typographic convention.

## T

- [`<table>`](https://www.ask-codey.com/glossary/table-html): The element that holds a table: rows and columns of data, such as a schedule or a price list.
- [`<tbody>`](https://www.ask-codey.com/glossary/tbody): The element that groups a table's main rows.
- [`<td>`](https://www.ask-codey.com/glossary/td): A table data cell: one box in a table row that holds a value.
- [`<template>`](https://www.ask-codey.com/glossary/template): The element that stores inert HTML fragments for later use.
- [`<textarea>`](https://www.ask-codey.com/glossary/textarea): The element for editing a multi-line plain-text value.
- [`<tfoot>`](https://www.ask-codey.com/glossary/tfoot): The element that groups a table's summary or footer rows.
- [`<th>`](https://www.ask-codey.com/glossary/th): A table header cell: the label at the top of a column or the start of a row that says what the cells beside it hold.
- [`<thead>`](https://www.ask-codey.com/glossary/thead): The element that groups a table's header rows.
- [`<time>`](https://www.ask-codey.com/glossary/time): The element for a date, time, duration, or machine-readable date-time value.
- [`<title>`](https://www.ask-codey.com/glossary/title): The element that gives a document the title shown in browser tabs and other interfaces.
- [`<tr>`](https://www.ask-codey.com/glossary/tr): A table row: one line across a table, holding its header cells or its data cells.
- [`<track>`](https://www.ask-codey.com/glossary/track): The element that adds timed text data, such as captions, to audio or video.

## U

- [`<u>`](https://www.ask-codey.com/glossary/u): The element for text with a non-textual annotation, such as a spelling mark.
- [`<ul>`](https://www.ask-codey.com/glossary/ul): An unordered list: a bulleted list where the order of the items doesn't matter.

## V

- [`<var>`](https://www.ask-codey.com/glossary/var-html): The element for a variable or placeholder in a mathematical or programming expression.
- [`<video>`](https://www.ask-codey.com/glossary/video): The element that embeds video content and can provide browser playback controls.

## W

- [`<wbr>`](https://www.ask-codey.com/glossary/wbr): The element that marks a place where a browser may break a line if needed.

[Every HTML term, by level](https://www.ask-codey.com/glossary/subjects/html)

Source: https://www.ask-codey.com/glossary/reference/html/elements
