HTML Elements Reference

Here is a list of all the HTML elements in alphabetical order.

Each element belongs to one of these types of elements - Inline Elements, Block Elements, and Empty Elements.

Element Description Example Type Category HTML5 HTML4 XHTML
<!--...--> Defines a comment. Live Demo NA Basic Yes Yes Yes
<!DOCTYPE> Defines the document type. Live Demo NA Basic Yes Yes Yes
<a> Defines a hyperlink. Live Demo Inline Links Yes Yes Yes
<abbr> Defines an abbreviation or an acronym. Live Demo Inline Formatting Yes Yes Yes
<acronym> Not supported in HTML5. Use <abbr> instead.
Defines an acronym.		 Live Demo Inline Formatting No Yes  Yes 
<address> Defines contact information for the author/owner of a document. Live Demo Block Formatting Yes Yes Yes
<applet> Not supported in HTML5. Use <embed> or <object> instead.
Defines an embedded applet.		 Live Demo Block   No Yes  No 
<area> Defines an area inside an image map. Live Demo Empty   Yes Yes No
<article> Defines an article. Live Demo Block   Yes No No
<aside> Defines content aside from the page content. Live Demo Block   Yes No No
<audio> Defines embedded sound content. Live Demo Block   Yes No No
<b> Defines bold text. Live Demo Inline Formatting Yes Yes Yes
<base> Specifies the base URL/target for all relative URLs in a document. Live Demo Empty   Yes Yes Yes
<basefont> Not supported in HTML5. Use CSS instead.
Specifies a default color, size, and font for all text in a document.		 Live Demo     No Yes  No 
<bdi> Isolates a part of the text that might be formatted in a different direction from other text outside it. Live Demo   Formatting Yes No No
<bdo> Overrides the current text direction. Live Demo Inline Formatting Yes Yes No
<big> Not supported in HTML5. Use CSS instead.
Defines big text.		 Live Demo Inline Formatting No Yes  Yes 
<blockquote> Defines a section that is quoted from another source. Live Demo Block Formatting Yes Yes Yes
<body> Defines the document's body. Live Demo   Basic Yes Yes Yes
<br> Defines a single line break. Live Demo Empty Basic Yes Yes Yes
<button> Defines a clickable button. Live Demo Inline Forms & Input Yes Yes Yes
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript). Live Demo Block   Yes No No
<caption> Defines a table caption. Live Demo     Yes Yes Yes
<center> Not supported in HTML5. Use CSS instead.
Defines centered text.		 Live Demo   Formatting No Yes  No 
<cite> Defines the title of a work. Live Demo Inline Formatting Yes Yes Yes
<code> Defines a piece of computer code. Live Demo Inline Formatting Yes Yes Yes
<col> Specifies column properties for each column within a <colgroup> element. Live Demo Empty   Yes Yes No
<colgroup> Specifies a group of one or more columns in a table for formatting. Live Demo     Yes Yes No
<data> Adds a machine-readable translation of given content. Live Demo     Yes No No
<datalist> Specifies a list of pre-defined options for input controls. Live Demo   Forms & Input Yes No No
<dd> Defines a description/value of a term in a description list. Live Demo Block   Yes Yes Yes
<del> Defines text that has been deleted from a document. Live Demo   Formatting Yes Yes No
<details> Defines additional details that the user can view or hide. Live Demo     Yes No No
<dfn> Specifies a term that is going to be defined within the content. Live Demo Inline Formatting Yes Yes Yes
<dialog> Defines a dialog box or window. Live Demo     Yes No No
<dir> Not supported in HTML5. Use <ul> instead.
Defines a directory list.		 Live Demo     No Yes  No 
<div> Defines a section in a document. Live Demo Block   Yes Yes Yes
<dl> Defines a description list. Live Demo Block   Yes Yes Yes
<dt> Defines a term/name in a description list. Live Demo Block   Yes Yes Yes
<em> Defines emphasized text. Live Demo Inline Formatting Yes Yes Yes
<embed> Defines a container for an external application. Live Demo Empty   Yes No No
<fieldset> Defines a group related to elements in a form. Live Demo Block Forms & Input Yes Yes Yes
<figcaption> Defines a caption for a <figure> element. Live Demo Block   Yes No No
<figure> Specifies self-contained content. Live Demo Block   Yes No No
<font> Not supported in HTML5. Use CSS instead.
Defines font, color, and size for text.		 Live Demo   Formatting  No Yes  No 
<footer> Defines a footer for a document or section. Live Demo Block   Yes No No
<form> Defines an HTML form for user input. Live Demo Block Forms & Input Yes Yes Yes
<frame> Not supported in HTML5.
Defines a window (a frame) in a frameset.		 Live Demo   Frames No No No 
<frameset> Not supported in HTML5.
Defines a set of frames.		 Live Demo   Frames No Yes  No 
<h1> to <h6> Defines HTML headings. Live Demo Block Basic Yes Yes Yes
<head> Contains metadata/information for the document. Live Demo   Basic Yes Yes Yes
<header> Defines a header for a document or section. Live Demo Block   Yes No No
<hgroup> Need description Live Demo     Yes Yes Yes
<hr> Defines a thematic change in the content Live Demo Empty Empty Elements Yes Yes Yes
<html> Defines the root of an HTML document Live Demo   Basic Yes Yes Yes
<i> Defines a part of a text in an alternate voice or mood Live Demo Inline Formatting Yes Yes Yes
<iframe> Defines an inline frame Live Demo   Frames Yes Yes No
<img> Defines an image Live Demo Inline   Yes Yes Yes
<input> Defines an input control Live Demo Inline Forms & Input Yes Yes Yes
<ins> Defines a text that has been inserted into a document Live Demo   Formatting Yes Yes No
<kbd> Defines keyboard input Live Demo Inline Formatting Yes Yes Yes
<keygen> Need description Live Demo     Yes Yes Yes
<label> Defines a label for an <input> element Live Demo Inline Forms & Input Yes Yes Yes
<legend> Defines a caption for a <fieldset> element Live Demo   Forms & Input Yes Yes Yes
<li> Defines a list item Live Demo Block   Yes Yes Yes
<link> Defines the relationship between a document and an external resource (most used to link to style sheets) Live Demo   Links Yes Yes Yes
<main> Specifies the main content of a document Live Demo Block   Yes No No
<map> Defines an image map Live Demo Inline   Yes Yes No
<mark> Defines marked/highlighted text Live Demo   Formatting Yes No No
<menu> Represents a list of commands Live Demo     Yes Yes Yes
<menuitem> Defines a list (or menu items) of commands that a user can perform. Live Demo     Yes Yes Yes
<meta> Defines metadata about an HTML document Live Demo     Yes Yes Yes
<meter> Defines a scalar measurement within a known range (a gauge) Live Demo   Formatting Yes No No
<nav> Defines navigation links Live Demo Block Links Yes No No
<noframes> Not supported in HTML5.
Defines an alternate content for users that do not support frames		 Live Demo   Frames No Yes  No 
<noscript> Defines an alternate content for users that do not support client-side scripts Live Demo Block Scripting Yes Yes Yes
<object> Defines a container for an external application Live Demo Inline   Yes Yes Yes
<ol> Defines an ordered list Live Demo Block   Yes Yes Yes
<optgroup> Defines a group of related options in a drop-down list Live Demo   Forms & Input Yes Yes Yes
<option> Defines an option in a drop-down list Live Demo   Forms & Input Yes Yes Yes
<output> Defines the result of a calculation Live Demo Inline Forms & Input Yes No No
<p> Defines a paragraph Live Demo Block Basic Yes Yes Yes
<param> Defines a parameter for an object Live Demo     Yes Yes Yes
<picture> Defines a container for multiple image resources Live Demo     Yes No No
<pre> Defines preformatted text Live Demo Block Formatting Yes Yes Yes
<progress> Represents the progress of a task Live Demo   Formatting Yes No No
<q> Defines a short quotation Live Demo Inline Formatting Yes Yes Yes
<rp> Defines what to show in browsers that do not support ruby annotations Live Demo   Formatting Yes No No
<rt> Defines an explanation/pronunciation of characters (for East Asian typography) Live Demo   Formatting Yes No No
<ruby> Defines a ruby annotation (for East Asian typography) Live Demo   Formatting Yes No No
<s> Defines text that is no longer correct Live Demo   Formatting Yes Yes No
<samp> Defines sample output from a computer program Live Demo Inline Formatting Yes Yes Yes
<script> Defines a client-side script Live Demo Inline Scripting Yes Yes Yes
<section> Defines a section in a document Live Demo Block   Yes No No
<select> Defines a drop-down list Live Demo Inline Forms & Input Yes Yes Yes
<small> Defines smaller text Live Demo Inline Formatting Yes Yes Yes
<source> Defines multiple media resources for media elements (<video> and <audio>) Live Demo     Yes No No
<span> Defines a section in a document Live Demo Inline   Yes Yes Yes
<strike> Not supported in HTML5. Use <del> or <s> instead.
Defines strikethrough text		 Live Demo   Formatting  No  Yes No 
<strong> Defines important text Live Demo Inline Formatting Yes Yes Yes
<style> Defines style information for a document Live Demo     Yes Yes Yes
<sub> Defines subscripted text Live Demo Inline Formatting Yes Yes Yes
<summary> Defines a visible heading for a <details> element Live Demo     Yes No No
<sup> Defines superscripted text Live Demo Inline Formatting Yes Yes Yes
<svg> Defines a container for SVG graphics Live Demo     Yes Yes Yes
<table> Defines a table Live Demo Block   Yes Yes Yes
<tbody> Groups the body content in a table Live Demo     Yes Yes No
<td> Defines a cell in a table Live Demo     Yes Yes Yes
<template> Defines a container for content that should be hidden when the page loads Live Demo   Formatting Yes No No
<textarea> Defines a multiline input control (text area) Live Demo Inline Forms & Input Yes Yes Yes
<tfoot> Groups the footer content in a table Live Demo Block   Yes Yes No
<th> Defines a header cell in a table Live Demo     Yes Yes Yes
<thead> Groups the header content in a table Live Demo     Yes Yes No
<time> Defines a specific time (or DateTime) Live Demo Inline Formatting Yes No No
<title> Defines a title for the document Live Demo   Basic Yes Yes Yes
<tr> Defines a row in a table Live Demo     Yes Yes Yes
<track> Defines text tracks for media elements (<video> and <audio>) Live Demo     Yes No No
<tt> Not supported in HTML5. Use CSS instead.
Defines teletype text		 Live Demo Inline Formatting  No  Yes Yes 
<u> Defines some text that is unarticulated and styled differently from normal text Live Demo Inline Formatting Yes Yes No
<ul> Defines an unordered list Live Demo Block   Yes Yes Yes
<var> Defines a variable Live Demo Inline Formatting Yes Yes Yes
<video> Defines embedded video content Live Demo Block   Yes No No
<wbr> Defines a possible line-break Live Demo Empty Formatting Yes No No

Overall

We now know the complete list of HTML elements.