HTML Tags Masterlist A-Z: 115+ Elements with Live Interactive Preview (2026 Edition)

115+ Tags | A-Z Syntax | Live Preview

THE ULTIMATE
HTML LAB

Every visual element in existence. Explore, Code, and See it work live. By FAMOUSCODE.DEV

01. Typography & Text Content

<h1> to <h6>

H1

H3

H6

<p> Paragraph </p>

This is a standard paragraph.

<hr> Horizontal Rule

---

<pre> Preformatted </pre>

Text    with    spaces

<blockquote> Quote </blockquote>

"Stay Hungry."

<ol><li> Ordered List

1. First
2. Second

<ul><li> Unordered List

• Bullet
• Point

<dl><dt><dd> Description

HTML

Markup Language

<figure><figcaption>

IMG

Image Caption

02. Inline Text Formatting

<a href="#"> Link </a>

Clickable Link

<em> Emphasis </em>

Italicized text

<strong> Strong </strong>

Bold text

<small> Small text </small>

Fine print text

<s> Strikethrough </s>

No longer correct

<cite> Citation </cite>

— Famous Source

<q> Inline Quote </q>

This is a short quote.

<dfn> Definition </dfn>

HTML is the backbone of web.

<abbr title="Famous">FC</abbr>

FC (Hover)

<ruby> Annotations </ruby>

漢かん

<data value="1"> Data </data>

Product #2105

<time> Time Tag </time>

April 7

<code> Code Snippet </code>

alert('Hi');

<var> Variable </var>

x = y + 2

<kbd> Keyboard Input </kbd>

Ctrl + S

<sub> Subscript </sub>

H₂O

<sup> Superscript </sup>

E=mc²

<i> Italic </i>

Alternate voice

<b> Bold </b>

Stylistic bold

<u> Underline </u>

Underlined text

<mark> Highlight </mark>

Marked text

<bdi> / <bdo> BiDi

Text goes right to left

<span> Span Element </span>

Inline container

<br> Line Break

First line
Second line

<wbr> Word Break Option

VeryLongWordThatCanBreak

03. Forms & Every Input Type

type="text"

type="password"

type="checkbox"

Check me

type="radio"

Yes No

type="button"

<button> Tag

type="color"

type="date"

type="datetime-local"

type="email"

type="file"

type="hidden"

(Hidden from view)

type="image"

type="month"

type="number"

type="range"

type="reset"

type="search"

type="submit"

type="tel"

type="time"

type="url"

type="week"

<textarea>

Textarea content

<select> & <option>

Option 1Option 2

<fieldset> & <legend>

Title

Inside

<datalist>

<output>

Calculated Result

<progress>

<meter>

04. Interactive, Media & Embedded

<details> & <summary>

Click me

Surprise!

<dialog open>

Dialog Box Mock

<video> controls

<audio> controls

<iframe>

(Iframe Preview)

<canvas>

<svg>

<map> & <area>

Image Map Logic

05. Data Tables

<table>, <tr>, <th>, <td>, <thead>, <tbody>, <tfoot>, <caption>, <colgroup>, <col>

Monthly Report

Tag	Role
<tr>	Row
<td>	Data
End of Table

06. Legacy & Obsolete Tags

<marquee> Scrolling

LEGACY SCROLL

<center> Centering

Old Centering

<big> Big Text

Bigger text

<strike> Strike

Old Strike

<tt> Teletype

Monospaced

<font> Font Tag

Styled Font

FAMOUSCODE.DEV

The World's Most Interactive HTML Encyclopedia © 2026