HTML - Tags Reference (A–Z)
This reference lists common HTML elements with short descriptions and minimal examples. For semantics, accessibility, and cross-browser details, see the relevant topic pages and MDN.
<a>
Hyperlink anchor
<a href='/home'>Home</a>
<link>
External resource
<link rel='icon' href='/favicon.ico'>
<abbr>
Abbreviation with optional title
<abbr title="Internationalization">i18n</abbr>
<address>
Contact info
<address>123 Web St</address>
<area>
Image map area
<area shape="rect" coords="0,0,100,100" href="#">
<article>
Independent content
<article><h2>Title</h2><p>...</p></article>
<aside>
Sidebar content
<aside>Related</aside>
<audio>
Sound content
<audio controls src="sound.mp3"></audio>
<b>
Stylistic offset
<p><b>Bold</b> (not semantic)</p>
<base>
Base URL for relative links
<base href="https://example.com/">
<bdi>
Isolate text direction
<bdi>abc</bdi>
<bdo>
Override text direction
<bdo dir="rtl">text</bdo>
<blockquote>
Quoted section
<blockquote>Quote</blockquote>
<body>
Document body
<body>...</body>
<br>
Line break
Line<br>Break
<button>
Button control
<button type="button">Click</button>
<canvas>
Scriptable bitmap
<canvas width="150" height="50"></canvas>
<caption>
Table caption
<caption>Title</caption>
<cite>
Cited work
<cite>Book</cite>
<code>
Code fragment
<code>const x=1;</code>
<col>
Column definition
<col span="2">
<colgroup>
Column group
<colgroup><col><col></colgroup>
<data>
Machine-readable value
<data value="42">Answer</data>
<datalist>
Suggested options
<datalist id="opts"><option value="A"></option></datalist>
<dd>
Definition description
<dd>Term description</dd>
<del>
Deleted text
<del>old</del>
<details>
Disclosure widget
<details><summary>More</summary>Hidden</details>
<dfn>
Definition term
<dfn>Term</dfn>
<dialog>
Dialog box
<dialog open>Hi</dialog>
<div>
Generic container
<div>...</div>
<dl>
Definition list
<dl><dt>Term</dt><dd>Def</dd></dl>
<dt>
Definition term
<dt>Term</dt>
<em>
Emphasis
<em>Important</em>
<embed>
External content
<embed src="file.svg" type="image/svg+xml">
<fieldset>
Group form controls
<fieldset><legend>Info</legend>...</fieldset>
<figcaption>
Figure caption
<figcaption>Caption</figcaption>
<figure>
Self-contained content
<figure>...</figure>
<footer>
Footer
<footer>©</footer>
<form>
Form
<form action="/" method="post"></form>
<h1–h6>
Headings
<h1>Title</h1> ...
<head>
Document head
<head>...</head>
<header>
Introductory content
<header>...</header>
<hgroup>
Heading group
<hgroup><h1>T</h1><h2>S</h2></hgroup>
<hr>
Thematic break
<hr>
<html>
Root element
<html lang="en">
<i>
Alternate voice
<i>Latin phrase</i>
<iframe>
Inline frame
<iframe src="/page.html"></iframe>
<img>
Image
<img src="x.jpg" alt="">
<input>
Input control
<input type="text">
<ins>
Inserted text
<ins>new</ins>
<kbd>
User input
<kbd>Ctrl+C</kbd>
<label>
Form label
<label for="id">Text</label>
<legend>
Fieldset caption
<legend>Info</legend>
<li>
List item
<li>Item</li>
<main>
Main content
<main>...</main>
<map>
Image map
<map name="m"></map>
<mark>
Highlight
<mark>Highlight</mark>
<meta>
Metadata
<meta charset="utf-8">
<meter>
Scalar measurement
<meter value="0.6">60%</meter>
<nav>
Navigation
<nav>...</nav>
<noscript>
Fallback content
<noscript>Enable JS</noscript>
<object>
External resource
<object data="file.svg" type="image/svg+xml"></object>
<ol>
Ordered list
<ol><li>1</li></ol>
<optgroup>
Group options
<optgroup label="A"></optgroup>
<option>
Select option
<option>Value</option>
<output>
Form output
<output id="o">0</output>
<p>
Paragraph
<p>Text</p>
<picture>
Image sources
<picture>...</picture>
<pre>
Preformatted text
<pre> text</pre>
<progress>
Progress indicator
<progress value="50" max="100">50%</progress>
<q>
Inline quote
<q>Quote</q>
<rp>
Ruby parentheses
<rp>(</rp>
<rt>
Ruby text
<rt>annotation</rt>
<ruby>
Ruby annotation
<ruby>漢<rt>kan</rt></ruby>
<s>
No longer accurate
<s>Old price</s>
<samp>
Sample output
<samp>output</samp>
<script>
Script
<script></script>
<search>
Search (proposed)
<search>...</search>
<section>
Thematic grouping
<section>...</section>
<select>
Drop-down control
<select></select>
<slot>
Web component slot
<slot></slot>
<small>
Fine print
<small>Note</small>
<source>
Media source
<source src="x.mp4" type="video/mp4">
<span>
Inline container
<span>...</span>
<strong>
Strong importance
<strong>Important</strong>
<style>
Style info
<style>body{}</style>
<sub>
Subscript
H<sub>2</sub>O
<summary>
Details summary
<summary>Open</summary>
<sup>
Superscript
E=mc<sup>2</sup>
<table>
Table
<table></table>
<tbody>
Table body
<tbody></tbody>
<td>
Table cell
<td>Cell</td>
<template>
Template fragment
<template>...</template>
<textarea>
Multi-line input
<textarea></textarea>
<tfoot>
Table footer
<tfoot></tfoot>
<th>
Table header cell
<th>Head</th>
<thead>
Table head
<thead></thead>
<time>
Date/time
<time datetime="2025-09-05">Sept 5</time>
<title>
Document title
<title>Title</title>
<tr>
Table row
<tr></tr>
<track>
Timed text tracks
<track kind="captions">
<u>
Underline (non-semantic)
<u>Decorated</u>
<ul>
Unordered list
<ul><li>A</li></ul>
<var>
Variable
<var>x</var>
<video>
Video
<video controls></video>
<wbr>
Word break opportunity
co<wbr>op
Tip: Some entries (like search
, slot
) are proposed or used in specific contexts (Web Components). Always check MDN and the HTML Standard for current support.