HTML Elements Reference

Complete reference for HTML elements — click any tag to copy it. 126 elements documented.

126 of 126

TagCategoryDescriptionKey AttributesType

Document

Root element of an HTML document.lang, dir

block

Document

Container for document metadata — not displayed in the browser.—

meta

Document

Contains all visible page content.onload, onunload

block

Metadata

Defines the document title shown in the browser tab and search results.—

meta

Metadata

Defines metadata: charset, viewport, description, OG tags, and more.name, content, charset, http-equiv

void

Metadata

Links external resources such as stylesheets or favicons.rel, href, type, media, sizes, crossorigin

void

Metadata

Embeds CSS styles directly in the document.media, type, nonce

meta

Metadata

Sets the base URL for all relative URLs in the page.href, target

void

Sectioning

Introductory content or navigation for its nearest sectioning ancestor.—

block

Sectioning

A section containing navigation links.—

block

Sectioning

The dominant content of the document. Only one per page.—

block

Sectioning

Self-contained composition that can be independently distributed (blog post, news).—

block

Sectioning

A thematic grouping of content, typically with a heading.—

block

Sectioning

Content tangentially related to surrounding content (sidebars, pull quotes).—

block

Sectioning

Footer for its nearest sectioning ancestor — copyright, links, contact info.—

block

Sectioning

Contact information for the nearest article or body ancestor.—

block

Sectioning

First-level section heading. One per page recommended for SEO.—

block

Sectioning

Second-level section heading.—

block

Sectioning

Third-level section heading.—

block

Sectioning

Fourth-level section heading.—

block

Sectioning

Fifth-level section heading.—

block

Sectioning

Sixth-level section heading.—

block

Text

A paragraph of text.—

block

Text

Extended quotation from another source.cite

block

Text

Preformatted text — preserves whitespace and line breaks exactly.—

block

Text

Thematic break between paragraph-level elements.—

void

Text

Line break within text flow.—

void

Text

Ordered (numbered) list.start, reversed, type

block

Text

Unordered (bulleted) list.—

block

Text

List item inside ol, ul, or menu.value

block

Text

Description list containing term/definition pairs.—

block

Text

Term in a description list.—

block

Text

Description or definition for the preceding dt element.—

block

Text

Self-contained content referenced from the main flow (images, code, diagrams).—

block

Text

Caption or legend for the nearest figure element.—

block

Text

Generic block-level container with no inherent semantic meaning.—

block

Text

Disclosure widget — user can reveal additional information by clicking its summary.open

block

Text

Visible heading for a details element — toggles its expanded/collapsed state.—

block

Text

A dialog box or modal window.open

block

Inline

Hyperlink to URLs, anchors, email addresses, or phone numbers.href, target, rel, download, hreflang

inline

Inline

Generic inline container with no inherent semantic meaning.—

inline

Inline

Strong importance — typically bold. Use for importance, not decoration.—

inline

Inline

Stressed emphasis — changes the meaning of the sentence.—

inline

Inline

Bring attention to text without extra importance (keywords, product names).—

inline

Inline

Alternate voice or mood — foreign phrases, technical terms, inner thoughts.—

inline

Inline

Non-textual annotation — spelling errors, proper nouns in some languages.—

inline

Inline

Content no longer accurate or relevant (strikethrough).—

inline

Inline

Side comment, fine print, copyright, or legal notices.—

inline

Inline

Text highlighted for reference or notation — like a highlighter pen.—

inline

Inline

Text deleted from the document (tracked changes).cite, datetime

inline

Inline

Text inserted into the document (tracked changes).cite, datetime

inline

Inline

Subscript text — chemical formulas, mathematical notation.—

inline

Inline

Superscript text — footnote markers, exponents.—

inline

Inline

Inline fragment of computer code.—

inline

Inline

User keyboard input or voice input.—

inline

Inline

Sample output from a computer program.—

inline

Inline

Variable name in a mathematical expression or programming context.—

inline

Inline

Reference to a creative work — book title, film, article.—

inline

Inline

Short inline quotation.cite

inline

Inline

Abbreviation or acronym with optional expanded form via title attribute.title

inline

Inline

The term being defined within its surrounding context.title

inline

Inline

Machine-readable date and/or time.datetime

inline

Inline

Links content with a machine-readable translation.value

inline

Inline

Word break opportunity — hints where the browser may break a long word.—

void

Inline

Isolates a span of text that might be formatted in a different direction.dir

inline

Inline

Overrides the text directionality of its contents.dir

inline

Inline

Container for ruby annotation — East Asian typography pronunciation guide.—

inline

Inline

Ruby text — the annotation component of a ruby annotation.—

inline

Inline

Fallback parentheses for browsers without ruby annotation support.—

inline

Forms

Interactive form that can be submitted to a server.action, method, enctype, novalidate, autocomplete, target

block

Forms

Interactive control for user data — types: text, email, checkbox, radio, file, range, etc.type, name, value, placeholder, required, disabled, readonly, pattern

void

Forms

Multi-line plain-text editing control.name, rows, cols, placeholder, required, disabled, maxlength

block

Forms

Clickable button — types: submit, reset, button.type, name, value, disabled, form, formaction

inline

Forms

Control providing a menu of options.name, multiple, size, required, disabled, form

inline

Forms

Option in a select, optgroup, or datalist element.value, selected, disabled, label

inline

Forms

Group of related options within a select element.label, disabled

inline

Forms

Caption for a form control. Associates via for attribute or by wrapping the control.for, form

inline

Forms

Groups related form controls together — displayed with a border by default.name, disabled, form

block

Forms

Caption for the content of its parent fieldset.—

block

Forms

Predefined options for an input element's autocomplete list.—

block

Forms

Result of a calculation or user action.name, for, form

inline

Forms

Completion progress of a task.value, max

inline

Forms

Scalar measurement within a known range (disk usage, test score).value, min, max, low, high, optimum

inline

Tables

Tabular data arranged in rows and columns.—

block

Tables

Title or caption of a table — should be its first child element.—

block

Tables

Group of rows forming the header of a table.—

block

Tables

Group of rows forming the main body of a table.—

block

Tables

Group of rows forming the footer of a table.—

block

Tables

Table row containing th or td cells.—

block

Tables

Table header cell.scope, colspan, rowspan, abbr, headers

block

Tables

Table data cell.colspan, rowspan, headers

block

Tables

Group of columns in a table for shared styling.span

block

Tables

Single column within a colgroup.span

void

Embedded

Embeds an image into the document.src, alt, width, height, loading, decoding, srcset, sizes

void

Embedded

Container for multiple image sources for responsive or art-directed images.—

block

Embedded

Specifies multiple media resources for picture, audio, or video.src, srcset, type, media, sizes, width, height

void

Embedded

Embeds a video player.src, controls, autoplay, muted, loop, poster, width, height, preload

block

Embedded

Embeds an audio player.src, controls, autoplay, muted, loop, preload, crossorigin

block

Embedded

Timed text track for video/audio — captions, subtitles, chapters.kind, src, srclang, label, default

void

Embedded

Nested browsing context — embeds another HTML page.src, srcdoc, width, height, allow, sandbox, loading, name

block

Embedded

Integration point for external content or a plugin.src, type, width, height

void

Embedded

Embeds an external resource as image, nested page, or plugin.data, type, width, height, name, usemap

block

Embedded

Bitmap canvas for 2D/3D rendering via JavaScript APIs.width, height

block

Embedded

Container for scalable vector graphics.width, height, viewBox, xmlns, fill, stroke

block

Embedded

Image map — defines clickable areas on an image.name

block

Embedded

Clickable hot-spot area inside an image map.shape, coords, href, alt, target, rel

void

Embedded

MathML formula embedded in an HTML document.display, xmlns

block

Scripting

Embeds or references executable script — usually JavaScript.src, type, async, defer, crossorigin, integrity, nonce

meta

Scripting

Fallback content rendered when scripting is disabled or unsupported.—

block

Scripting

Inert HTML fragment not rendered but accessible via JavaScript.shadowrootmode

meta

Scripting

Placeholder inside a web component's shadow DOM that users can fill.name

inline

Deprecated

Centers content horizontally. Deprecated — use CSS text-align or flexbox.—

block

Deprecated

Defines font size, color, and face. Deprecated — use CSS.color, face, size

inline

Deprecated

Renders text one font-size larger. Deprecated — use CSS font-size.—

inline

Deprecated

Strikethrough text. Deprecated — use del or CSS text-decoration.—

inline

Deprecated

Teletype / monospace text. Deprecated — use code or CSS font-family.—

inline

Deprecated

Defines a frame within a frameset. Deprecated — use iframe.src, name, scrolling, noresize

void

Deprecated

Container for frame elements replacing the body. Deprecated entirely.cols, rows

block

Deprecated

Fallback content for browsers without frame support. Deprecated.—

block

Deprecated

Scrolling text area. Deprecated — use CSS animations.behavior, direction, scrollamount, scrolldelay, loop

block

Deprecated

Acronym. Deprecated — use abbr instead.title

inline

Deprecated

Embeds a Java applet. Deprecated and removed from the spec.code, width, height, archive

block

Deprecated

Sets a default font for the entire document. Deprecated — use CSS.color, face, size

void

Deprecated

Directory listing. Deprecated — use ul instead.—

block

Deprecated

Makes text blink. Non-standard, never part of the spec.—

inline

Deprecated

Prevents line breaks. Non-standard — use CSS white-space: nowrap.—

inline

Type:blockinlinevoidmeta— click any tag name to copy it