Elemen-Elemen HTML

  • Revision slug: HTML/Elemen
  • Revision title: Elemen-Elemen HTML
  • Revision id: 353747
  • Created:
  • Creator: haboqueferus
  • Is current revision? Yes
  • Comment

Revision Content

This HTML reference lists all HTML elements, defined in HTML5 or in a previous specification. When enclosed within angle brackets, they form HTML tags: <elementname>. Elements are entities specifying how HTML documents should be built, and what kind of content should be placed in what part of an HTML document.

This page lists all standard HTML5 tags, but also older, obsolete and deprecated ones, as well as non-standard ones that browsers may support. Elements that were introduced in HTML5 are often referred as the new HTML5 elements, even though the other standard elements also are valid in HTML5.

In an HTML document, an element is defined by a starting tag. If the element contains other content, it ends with a closing tag, where the element name is preceded by a forward slash: </elementname>. Some elements don't need to be closed, such as image elements. These are known as void elements. HTML documents contain a tree of these elements. Each is named to represent what it does. For example, the <title> element represents the title of the document. Below is an alphabetical list of the HTML Elements.

A
  • {{ HTMLElement("a") }}
  • {{ HTMLElement("abbr") }}
  • {{ HTMLElement("acronym") }}
  • {{ HTMLElement("address") }}
  • {{ HTMLElement("applet") }}
  • {{ HTMLElement("area") }}
  • {{ HTMLElement("article") }}
  • {{ HTMLElement("aside") }}
  • {{ HTMLElement("audio") }}
B
  • {{ HTMLElement("b") }}
  • {{ HTMLElement("base") }}
  • {{ HTMLElement("basefont") }}
  • {{ HTMLElement("bdi") }}
  • {{ HTMLElement("bdo") }}
  • {{ HTMLElement("bgsound") }}
  • {{ HTMLElement("big") }}
  • {{ HTMLElement("blink") }}
  • {{ HTMLElement("blockquote") }}
  • {{ HTMLElement("body") }}
  • {{ HTMLElement("br") }}
  • {{ HTMLElement("button") }}
C
  • {{ HTMLElement("canvas") }}
  • {{ HTMLElement("caption") }}
  • {{ HTMLElement("center") }}
  • {{ HTMLElement("cite") }}
  • {{ HTMLElement("code") }}
  • {{ HTMLElement("col") }}
  • {{ HTMLElement("colgroup") }}
  • {{ HTMLElement("command") }}
D
  • {{ HTMLElement("data") }}
  • {{ HTMLElement("datalist") }}
  • {{ HTMLElement("dd") }}
  • {{ HTMLElement("del") }}
  • {{ HTMLElement("details") }}
  • {{ HTMLElement("dfn") }}
  • {{ HTMLElement("dir") }}
  • {{ HTMLElement("div") }}
  • {{ HTMLElement("dl") }}
  • {{ HTMLElement("dt") }}
E
  • {{ HTMLElement("em") }}
  • {{ HTMLElement("embed") }}
F
  • {{ HTMLElement("fieldset") }}
  • {{ HTMLElement("figcaption") }}
  • {{ HTMLElement("figure") }}
  • {{ HTMLElement("font") }}
  • {{ HTMLElement("footer") }}
  • {{ HTMLElement("form") }}
  • {{ HTMLElement("frame") }}
  • {{ HTMLElement("frameset") }}
G H
  • {{ HTMLElement("h1") }}
  • {{ HTMLElement("h2") }}
  • {{ HTMLElement("h3") }}
  • {{ HTMLElement("h4") }}
  • {{ HTMLElement("h5") }}
  • {{ HTMLElement("h6") }}
  • {{ HTMLElement("head") }}
  • {{ HTMLElement("header") }}
  • {{ HTMLElement("hgroup") }}
  • {{ HTMLElement("hr") }}
  • {{ HTMLElement("html") }}
I
  • {{ HTMLElement("i") }}
  • {{ HTMLElement("iframe") }}
  • {{ HTMLElement("img") }}
  • {{ HTMLElement("input") }}
  • {{ HTMLElement("ins") }}
  • {{ HTMLElement("isindex") }}
J K
  • {{ HTMLElement("kbd") }}
  • {{ HTMLElement("keygen") }}
L
  • {{ HTMLElement("label") }}
  • {{ HTMLElement("legend") }}
  • {{ HTMLElement("li") }}
  • {{ HTMLElement("link") }}
  • {{ HTMLElement("listing") }}
M
  • {{HTMLElement("main")}}
  • {{ HTMLElement("map") }}
  • {{ HTMLElement("mark") }}
  • {{ HTMLElement("marquee") }}
  • {{ HTMLElement("menu") }}
  • {{ HTMLElement("meta") }}
  • {{ HTMLElement("meter") }}
N
  • {{ HTMLElement("nav") }}
  • {{ HTMLElement("nobr") }}
  • {{ HTMLElement("noframes") }}
  • {{ HTMLElement("noscript") }}
O
  • {{ HTMLElement("object") }}
  • {{ HTMLElement("ol") }}
  • {{ HTMLElement("optgroup") }}
  • {{ HTMLElement("option") }}
  • {{ HTMLElement("output") }}
P
  • {{ HTMLElement("p") }}
  • {{ HTMLElement("param") }}
  • {{ HTMLElement("plaintext") }}
  • {{ HTMLElement("pre") }}
  • {{ HTMLElement("progress") }}
Q
  • {{ HTMLElement("q") }}
R
  • {{ HTMLElement("rp") }}
  • {{ HTMLElement("rt") }}
  • {{ HTMLElement("ruby") }}
S
  • {{ HTMLElement("s") }}
  • {{ HTMLElement("samp") }}
  • {{ HTMLElement("script") }}
  • {{ HTMLElement("section") }}
  • {{ HTMLElement("select") }}
  • {{ HTMLElement("small") }}
  • {{ HTMLElement("source") }}
  • {{ HTMLElement("spacer") }}
  • {{ HTMLElement("span") }}
  • {{ HTMLElement("strike") }}
  • {{ HTMLElement("strong") }}
  • {{ HTMLElement("style") }}
  • {{ HTMLElement("sub") }}
  • {{ HTMLElement("summary") }}
  • {{ HTMLElement("sup") }}
T
  • {{ HTMLElement("table") }}
  • {{ HTMLElement("tbody") }}
  • {{ HTMLElement("td") }}
  • {{ HTMLElement("textarea") }}
  • {{ HTMLElement("tfoot") }}
  • {{ HTMLElement("th") }}
  • {{ HTMLElement("thead") }}
  • {{ HTMLElement("time") }}
  • {{ HTMLElement("title") }}
  • {{ HTMLElement("tr") }}
  • {{ HTMLElement("track") }}
  • {{ HTMLElement("tt") }}
U
  • {{ HTMLElement("u") }}
  • {{ HTMLElement("ul") }}
V
  • {{ HTMLElement("var") }}
  • {{ HTMLElement("video") }}
W
  • {{ HTMLElement("wbr") }}
X Y Z
  • {{ HTMLElement("xmp") }}

The symbol This element has been added in HTML5 indicates that the element has been added in HTML5. Note that other elements listed here may have been modified or extended by the HTML5 specification. Dimmed elements are non-standard, obsolete, or deprecated; they must not be used in new Web sites, and should gradually be removed from existing ones.

Revision Source

<p>This HTML reference lists all <strong>HTML elements</strong>, defined in HTML5 or in a previous specification. When enclosed within angle brackets, they form <em>HTML tags</em>: <code>&lt;elementname&gt;.</code> Elements are entities specifying how HTML documents should be built, and what kind of content should be placed in what part of an <a href="/en-US/docs/HTML" title="/en-US/docs/HTML">HTML</a> document.</p>
<p>This page lists all standard HTML5 tags, but also older, obsolete and deprecated ones, as well as non-standard ones that browsers may support. Elements that were introduced in <a href="/en-US/docs/HTML/HTML5" title="/en-US/docs/HTML/HTML5">HTML5</a> are often referred as the new HTML5 elements, even though the other standard elements also are valid in HTML5.</p>
<p>In an HTML document, an element is defined by a <em>starting tag</em>. If the element contains other content, it ends with a <em>closing tag</em>, where the element name is preceded by a forward slash: <code>&lt;/elementname&gt;</code>. Some elements don't need to be closed, such as image elements. These are known as <em>void</em> elements. HTML documents contain a tree of these elements. Each is named to represent what it does. For example, the <code>&lt;title&gt;</code> element represents the title of the document. Below is an alphabetical list of the HTML Elements.</p>
<div class="index widgeted">
  <span id="A">A</span>
  <ul>
    <li>{{ HTMLElement("a") }}</li>
    <li>{{ HTMLElement("abbr") }}</li>
    <li><s class="obsoleteElement">{{ HTMLElement("acronym") }}</s></li>
    <li>{{ HTMLElement("address") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("applet") }}</s></li>
    <li>{{ HTMLElement("area") }}</li>
    <li class="html5">{{ HTMLElement("article") }}</li>
    <li class="html5">{{ HTMLElement("aside") }}</li>
    <li class="html5">{{ HTMLElement("audio") }}</li>
  </ul>
  <span id="B">B</span>
  <ul>
    <li>{{ HTMLElement("b") }}</li>
    <li>{{ HTMLElement("base") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("basefont") }}</s></li>
    <li class="html5">{{ HTMLElement("bdi") }}</li>
    <li>{{ HTMLElement("bdo") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("bgsound") }}</s></li>
    <li><s class="obsoleteElement">{{ HTMLElement("big") }}</s></li>
    <li><s class="nonStdElement">{{ HTMLElement("blink") }}</s></li>
    <li>{{ HTMLElement("blockquote") }}</li>
    <li>{{ HTMLElement("body") }}</li>
    <li>{{ HTMLElement("br") }}</li>
    <li>{{ HTMLElement("button") }}</li>
  </ul>
  <span id="C">C</span>
  <ul>
    <li class="html5">{{ HTMLElement("canvas") }}</li>
    <li>{{ HTMLElement("caption") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("center") }}</s></li>
    <li>{{ HTMLElement("cite") }}</li>
    <li>{{ HTMLElement("code") }}</li>
    <li>{{ HTMLElement("col") }}</li>
    <li>{{ HTMLElement("colgroup") }}</li>
    <li class="html5">{{ HTMLElement("command") }}</li>
  </ul>
  <span id="D">D</span>
  <ul>
    <li class="html5">{{ HTMLElement("data") }}</li>
    <li class="html5">{{ HTMLElement("datalist") }}</li>
    <li>{{ HTMLElement("dd") }}</li>
    <li>{{ HTMLElement("del") }}</li>
    <li class="html5">{{ HTMLElement("details") }}</li>
    <li>{{ HTMLElement("dfn") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("dir") }}</s></li>
    <li>{{ HTMLElement("div") }}</li>
    <li>{{ HTMLElement("dl") }}</li>
    <li>{{ HTMLElement("dt") }}</li>
  </ul>
  <span id="E">E</span>
  <ul>
    <li>{{ HTMLElement("em") }}</li>
    <li class="html5">{{ HTMLElement("embed") }}</li>
  </ul>
  <span id="F">F</span>
  <ul>
    <li>{{ HTMLElement("fieldset") }}</li>
    <li>{{ HTMLElement("figcaption") }}</li>
    <li class="html5">{{ HTMLElement("figure") }}</li>
    <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("font") }}</s></li>
    <li class="html5">{{ HTMLElement("footer") }}</li>
    <li>{{ HTMLElement("form") }}</li>
    <li><s class="obsoleteElement">{{ HTMLElement("frame") }}</s></li>
    <li><s class="obsoleteElement">{{ HTMLElement("frameset") }}</s></li>
  </ul>
  <span id="G">G H</span>
  <ul>
    <li>{{ HTMLElement("h1") }}</li>
    <li>{{ HTMLElement("h2") }}</li>
    <li>{{ HTMLElement("h3") }}</li>
    <li>{{ HTMLElement("h4") }}</li>
    <li>{{ HTMLElement("h5") }}</li>
    <li>{{ HTMLElement("h6") }}</li>
    <li>{{ HTMLElement("head") }}</li>
    <li class="html5">{{ HTMLElement("header") }}</li>
    <li class="html5">{{ HTMLElement("hgroup") }}</li>
    <li>{{ HTMLElement("hr") }}</li>
    <li>{{ HTMLElement("html") }}</li>
  </ul>
  <span id="I">I</span>
  <ul>
    <li>{{ HTMLElement("i") }}</li>
    <li>{{ HTMLElement("iframe") }}</li>
    <li>{{ HTMLElement("img") }}</li>
    <li>{{ HTMLElement("input") }}</li>
    <li>{{ HTMLElement("ins") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("isindex") }}</s></li>
  </ul>
  <span id="J">J K</span>
  <ul>
    <li>{{ HTMLElement("kbd") }}</li>
    <li class="html5">{{ HTMLElement("keygen") }}</li>
  </ul>
  <span id="L">L</span>
  <ul>
    <li>{{ HTMLElement("label") }}</li>
    <li>{{ HTMLElement("legend") }}</li>
    <li>{{ HTMLElement("li") }}</li>
    <li>{{ HTMLElement("link") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("listing") }}</s></li>
  </ul>
  <span id="M">M</span>
  <ul>
    <li class="html5">{{HTMLElement("main")}}</li>
    <li>{{ HTMLElement("map") }}</li>
    <li class="html5">{{ HTMLElement("mark") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("marquee") }}</s></li>
    <li class="html5">{{ HTMLElement("menu") }}</li>
    <li>{{ HTMLElement("meta") }}</li>
    <li class="html5">{{ HTMLElement("meter") }}</li>
  </ul>
  <span id="N">N</span>
  <ul>
    <li class="html5">{{ HTMLElement("nav") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("nobr") }}</s></li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("noframes") }}</s></li>
    <li>{{ HTMLElement("noscript") }}</li>
  </ul>
  <span id="O">O</span>
  <ul>
    <li>{{ HTMLElement("object") }}</li>
    <li>{{ HTMLElement("ol") }}</li>
    <li>{{ HTMLElement("optgroup") }}</li>
    <li>{{ HTMLElement("option") }}</li>
    <li class="html5">{{ HTMLElement("output") }}</li>
  </ul>
  <span id="P">P</span>
  <ul>
    <li>{{ HTMLElement("p") }}</li>
    <li>{{ HTMLElement("param") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("plaintext") }}</s></li>
    <li>{{ HTMLElement("pre") }}</li>
    <li class="html5">{{ HTMLElement("progress") }}</li>
  </ul>
  <span id="Q">Q</span>
  <ul>
    <li>{{ HTMLElement("q") }}</li>
  </ul>
  <span id="R">R</span>
  <ul>
    <li class="html5">{{ HTMLElement("rp") }}</li>
    <li class="html5">{{ HTMLElement("rt") }}</li>
    <li class="html5">{{ HTMLElement("ruby") }}</li>
  </ul>
  <span id="S">S</span>
  <ul>
    <li>{{ HTMLElement("s") }}</li>
    <li>{{ HTMLElement("samp") }}</li>
    <li>{{ HTMLElement("script") }}</li>
    <li class="html5">{{ HTMLElement("section") }}</li>
    <li>{{ HTMLElement("select") }}</li>
    <li>{{ HTMLElement("small") }}</li>
    <li class="html5">{{ HTMLElement("source") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("spacer") }}</s></li>
    <li>{{ HTMLElement("span") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("strike") }}</s></li>
    <li>{{ HTMLElement("strong") }}</li>
    <li>{{ HTMLElement("style") }}</li>
    <li>{{ HTMLElement("sub") }}</li>
    <li class="html5">{{ HTMLElement("summary") }}</li>
    <li>{{ HTMLElement("sup") }}</li>
  </ul>
  <span id="T">T</span>
  <ul>
    <li>{{ HTMLElement("table") }}</li>
    <li>{{ HTMLElement("tbody") }}</li>
    <li>{{ HTMLElement("td") }}</li>
    <li>{{ HTMLElement("textarea") }}</li>
    <li>{{ HTMLElement("tfoot") }}</li>
    <li>{{ HTMLElement("th") }}</li>
    <li>{{ HTMLElement("thead") }}</li>
    <li class="html5">{{ HTMLElement("time") }}</li>
    <li>{{ HTMLElement("title") }}</li>
    <li>{{ HTMLElement("tr") }}</li>
    <li class="html5">{{ HTMLElement("track") }}</li>
    <li><s class="obsoleteElement">{{ HTMLElement("tt") }}</s></li>
  </ul>
  <span id="U">U</span>
  <ul>
    <li>{{ HTMLElement("u") }}</li>
    <li>{{ HTMLElement("ul") }}</li>
  </ul>
  <span id="V">V</span>
  <ul>
    <li>{{ HTMLElement("var") }}</li>
    <li class="html5">{{ HTMLElement("video") }}</li>
  </ul>
  <span id="W">W</span>
  <ul>
    <li class="html5">{{ HTMLElement("wbr") }}</li>
  </ul>
  <span id="X">X Y Z </span>
  <ul>
    <li><span id="X"><s class="obsoleteElement deprecatedElement">{{ HTMLElement("xmp") }}</s></span></li>
  </ul>
</div>
<p>The symbol <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a> indicates that the element has been added in HTML5. Note that other elements listed here may have been modified or extended by the HTML5 specification. Dimmed elements are non-standard, obsolete, or deprecated; they must not be used in new Web sites, and should gradually be removed from existing ones.</p>
Revert to this revision