HTML Tags Reference
// All HTML5 tags with descriptions and categories
<!DOCTYPE>Defines document type (HTML5)
<html>Root element of an HTML page
<head>Contains metadata and links
<body>Contains the visible page content
<title>Sets the page title (shown in browser tab)
<meta>Defines metadata (charset, viewport, description)
<link>Links external resources (CSS, icons)
<style>Embeds CSS styles
<script>Embeds or links JavaScript
<noscript>Fallback content when JS is disabled
<base>Sets base URL for relative links
<header>Header for a section or page
<nav>Navigation links section
<main>Main content of the document (one per page)
<article>Self-contained content (blog post, news article)
<section>Thematic grouping of content
<aside>Sidebar or tangentially related content
<footer>Footer for a section or page
<address>Contact information for the author
<hgroup>Groups heading elements
<search>Contains search-related controls
<h1>–<h6>Heading levels 1 (largest) to 6 (smallest)
<p>Paragraph of text
<div>Generic container (block-level)
<span>Generic inline container
<br>Line break
<hr>Thematic break / horizontal rule
<pre>Preformatted text (preserves whitespace)
<blockquote>Block quotation
<ol>Ordered (numbered) list
<ul>Unordered (bulleted) list
<li>List item
<dl>Description list
<dt>Description term
<dd>Description details
<figure>Self-contained content with optional caption
<figcaption>Caption for a <figure>
<a>Hyperlink
<strong>Strong importance (bold)
<em>Emphasis (italic)
<b>Bring attention (bold without importance)
<i>Idiomatic text (italic without emphasis)
<u>Unarticulated annotation (underline)
<s>Strikethrough (no longer relevant)
<mark>Highlighted / marked text
<small>Side comments, fine print
<sub>Subscript text
<sup>Superscript text
<code>Inline code fragment
<kbd>Keyboard input
<samp>Sample output
<var>Variable in code/math
<abbr>Abbreviation (with title tooltip)
<cite>Citation / title of a work
<q>Inline quotation
<time>Date/time value
<data>Machine-readable value
<wbr>Word break opportunity
<ruby>Ruby annotation (for East Asian text)
<rt>Ruby text component
<rp>Ruby fallback parenthesis
<bdi>Bi-directional isolation
<bdo>Bi-directional override
<form>Form container
<input>Input field (text, checkbox, radio, etc.)
<textarea>Multi-line text input
<select>Dropdown select box
<option>Option in a <select> or <datalist>
<optgroup>Group of <option> elements
<button>Clickable button
<label>Label for a form element
<fieldset>Groups related form elements
<legend>Caption for a <fieldset>
<datalist>Predefined options for <input>
<output>Result of a calculation
<progress>Progress indicator
<meter>Scalar measurement within a range
<table>Table container
<thead>Table header group
<tbody>Table body group
<tfoot>Table footer group
<tr>Table row
<th>Table header cell
<td>Table data cell
<caption>Table caption
<colgroup>Group of table columns
<col>Column properties
<img>Image
<picture>Container for responsive images
<source>Media source for <picture>, <video>, <audio>
<video>Video player
<audio>Audio player
<track>Subtitles/captions for <video>/<audio>
<iframe>Inline frame (embeds another page)
<embed>Embeds external content (plugins)
<object>Embeds external resource
<param>Parameter for <object>
<canvas>Drawing surface for JavaScript graphics
<svg>Container for SVG graphics
<map>Image map
<area>Clickable area in an image map
<details>Disclosure widget (expand/collapse)
<summary>Summary/label for <details>
<dialog>Dialog box / modal
<menu>Menu of commands
<template>Inert HTML template (not rendered)
<slot>Placeholder in web component
#About HTML Tags Reference
Free online HTML5 tags reference. Browse all HTML5 elements organized by category with descriptions, usage notes, and examples. This tool runs entirely in your browser — your data is never sent to a server. Just paste your input, get instant results, and copy with one click. No sign-up or installation required.
#FAQ
How many HTML5 tags are there? ▾
HTML5 defines over 110 elements. These include structural elements (div, section, article), text elements (p, h1-h6, span), form elements (input, select, textarea), media elements (img, video, audio), and more.
What are semantic HTML elements? ▾
Semantic elements clearly describe their meaning to both the browser and developer. Examples include <header>, <nav>, <main>, <article>, <section>, <aside>, and <footer>. They improve accessibility and SEO compared to generic <div> elements.
</> Embed this tool ▾
Copy this code to embed the tool on your website. Adjust the height to fit your layout.
<iframe src="https://www.browserutils.dev/embed/html-tags-reference" width="100%" height="500" frameborder="0" title="HTML Tags Reference"></iframe>