Category: HTML Tags

Download as pdf or txt
Download as pdf or txt
You are on page 1of 10

We would like to send you push ✕ Allow

notifications.
Notifications can be turned off anytime from
browser settings.

Learn HTML Code, Tags & CSS

Category: HTML Tags


A complete list (and brief description) of every tag in the HTML, including the latest additions in HTML5.

Click through to view details, code samples and more for each tag.

Be sure to check out our HTML attributes section, too.

<video> HTML The <video> element, which adds native video playback support to the HTML
Tag speci cation in HTML5, can be used to embed a video in an HTML document. Add
the video URL to the element by using either the src attribute of the <video>
element or by nesting one or more <source> elements between the opening and
closing <video> tags.

<track> HTML The <track> element is used as a child of an <audio> or <video> element and adds a
Tag time-based data source to the parent media element. For example, the <track>
element can be used to add timed subtitles to a video and closed captions to audio
content.

<time> HTML De nes a datetime. The content of a time element is typically a human-readable
Tag date and time, and a machine-readable version of the same time is placed in the
datetime attribute.

<tfoot> HTML The <tfoot> element identi es one or more <tr> elements as containing summary
Tag contents of a table's columns. The <tfoot> element must be the direct descendant
of a <table> element. In HTML5, <tfoot> can be placed either before or after
<tbody> and <tr> elements, but must appear after any <caption>, <colgroup>, and
<thead> elements.

<tbody> HTML The <tbody> element must be a direct descendant of a <table> element and is used
Tag to identify <tr> elements that comprise the body of the table. The <tbody> element
should always come after a <thead> element and may come before or after a
<tfoot> element.

<summary> The <summary> element is used as a child of <details> element to provide a


HTML Tag summary of the contents of the <details> element. At this time, <summary> is not
well supported across browsers.

<source> HTML The <source> element is used as a child of a <picture>, <audio>, or <video>
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you
Tag element, and identi es the URL of one or more media resources. The <source>
are happy
element is commonly used to addwith it. resources in multiple formats for the best
media
possible cross-browser compatibility.
OK
<section> HTML The <section> element is a structural HTML element used to group together
Tag related elements. Each <section> typically includes one or more heading elements
and additional elements presenting related content.

<ruby> HTML The <ruby> element is used pair characters of certain Asian languages with
Tag pronunciation information. The <ruby> element is used in conjunction with the
<rp> and <rt> elements.

<rt> HTML Tag De nes explanations and pronunciations of characters in ruby language
annotations (a system for displaying certain characters in several Asian languages).

<rp> HTML Tag De nes content which is to be shown in browsers that do not support ruby
language annotations (a system for displaying certain characters in several Asian
languages).

<q> HTML Tag The <q> element is used to identify and inline quote that does not require
paragraph breaks. Longer quotations that do require paragraph breaks should use
the <blockquote> element.

<progress> The <progress> element is used to create a progress bar to serve as a visual
HTML Tag demonstration of progress towards the completion of task or goal. The max and
value attributes are used to de ne how much progress (value) has been made
towards task completion (max).

<output> HTML The <output> element is used to display the result of a calculation. The <output>
Tag element is typically used in conjunction with a parent <form> and sibling <input>
elements to perform a calculation. The actual calculation is typically completed
using JavaScript.

<optgroup> The <optgroup> element is used to group together related <option> elements
HTML Tag within a parent <select> drop-down list.

<object> HTML The <object> element is used to embed an object in an HTML document. It is
Tag commonly used to embed webpage elements such as Flash and Java items that are
handled by browser plugins.

<nav> HTML Tag The <nav> element identi es a group of navigation links. Links in a <nav> element
may point to other webpages or to different sections of the same webpage.

<meter> HTML The <meter> element is used to create a visual representation of a gauge that
Tag demonstrates the relationship of a value to established minimum and maximum
values.

<menuitem> The <menuitem> element is used to add menu items and commands to contextual
HTML Tag pop-up menus (the menus that appear when you right-click in a web browser).

<mark> HTML The <mark> element is used to highlight text inside of another element such as a
Tag paragraph, list, or table. Text to which the <mark> element has been added is
considered to be particularly relevant in a speci c context.

<main> HTML The <main> element is used to denote the content of a webpage that relates to the
Tag central topic of that page or application. It should include content that is unique to
that page and should not include content that is duplicated across multiple
webpages, such as headers, footers, and primary navigation elements.

<keygen> HTML The <keygen> element generates a public-private key pair and sends the public key
Tag to the server with form submission. The element is expected to be deprecated and
does not have broad browser support.
<header> HTML The <header> element is used to identify content that precedes the primary
Tag content of the web page and often contains website branding, navigation elements,
search forms, and similar content that is duplicated across all or most pages of a
website.

<footer> HTML The <footer> element is a structural element used to identify the footer of a page,
Tag document, article, or section. A <footer> typically contains copyright and
authorship information or navigational elements pertaining to the contents of the
parent element.

< gure> HTML The < gure> element identi es self-contained content related to the main content,
Tag such as an image, table, or chart. The < gcaption> element is often nested within a
< gure> element to add a caption to the content identi ed by the < gure> tags.

< gcaption> The < gcaption> element is used as a child of a parent < gure> element to attach a
HTML Tag caption to the image, table, or chart contained in the < gure> element.

<dialog> HTML The <dialog> element is used to create a dialog box such as a popup or modal
Tag window that is rendered within the active browser window. De ning the behavior
of a <dialog> element typically requires the use of JavaScript.

<details> HTML The <details> element is used to pair a <summary> statement with additional
Tag related details. The <summary> is displayed, and a user can view or hide additional
details by clicking on the summary.

<datalist> HTML The <datalist> element is used to de ne autocompletion values for an associated
Tag <input> element. Suggested autocompletion values are added to a datalist by
nesting one or more <option> elements between the opening and closing
<datalist> tags.

<canvas> HTML The <canvas> element creates a rectangular pane of arbitrary size which can be
Tag used for drawing graphics, manipulating photos, and creating animations with
JavaScript.

<bdo> HTML Tag The <bdo> element is used override the default directionality of text. It is used to
display characters from languages that are read from right-to-left, such as Hebrew
and Arabic.

<bdi> HTML Tag The <bdi> element is used to isolate a small section of text which may be formatted
to run in the opposite direction than the text around it (such as right-to-left in a
left-to-right context). This is useful when a language with right-to-left
directionality, such as Arabic or Hebrew, is used inline with left-to-right languages.

<audio> HTML The <audio> element is used to add audio media resources to an HTML document
Tag that will be played by native support for audio playback built into the browser
rather than a browser plugin.

<aside> HTML The <aside> element is used to identify content that is related to the primary
Tag content of the webpage, but does not constitute the primary content of the page.
Author information, related links, related content, and advertisements are exampes
of content that may be found in an aside element.

<article> HTML The <article> element identi es a self-contained piece of content which could
Tag theoretically be distributed to other websites and platforms as a stand-alone unit.
The <article> element is a good choice to contain entire blog posts, news articles,
and similar content.
<acronym> The <acronym> element and title attribute was used to associate a full-text
HTML Tag explanation with an acronym. The <acronym> element has been deprecated in
HTML5 and <abbr> should be used instead.

<abbr> HTML The <abbr> element is used along with a title attribute to associate a full-text
Tag explanation with an abbreviation or acronym. Website visitors do not see the text
in the title attribute, but browsers, search engines, and assistive technologies do
use this information.

<sup> HTML Tag OIOpublisher Superscripts are Super! The <sup> script is used to identify text that
should appear in a superscript position relative… Read More...

<del> HTML Tag The <del> tag is used to identify text that has been deleted from a document but
retained to show the history of modi cations made to the document. Pair a <del>
element with an <ins> element to identify the inserted text that replaced the
deleted text.

<textarea> The <textarea> element is used to create a text input area of unlimited length. By
HTML Tag default, text in a <textarea> is rendered in a monospace or xed-width font, and
text areas are most often used within a parent <form> element.

<th> HTML Tag The <th> element is used to identify table cells that contain column header values
rather than table data. A row of table heading values is created by nesting multiple
<th> values in a parent <tr> element.

<title> HTML Tag The <title> element is a required HTML element used to assign a title to an HTML
document. Page titles are not displayed in the browser window, but they are used
as the page name by search engines and displayed by browsers in the title bar, on
the page tab, and as the page name of bookmarked webpages.

<tr> HTML Tag The <tr> element is used to group together <th> or <td> values into a single row of
table heading or data values. The <tr> element may be a direct child of a <table>
element or nested within a parent <thead>, <tfoot>, or <tbody> element.

<tt> HTML Tag The <tt> element was used to identify text to be displayed using the browser's
default monospace or xed-width font as it would appear on a xed-width device
such as a teletype. This element has been deprecated and the <code> element is an
appropriate modern replacement for <tt>.

<u> HTML Tag The <u> element was originally used to identify text that should be underlined. The
element was deprecated in HTML 4.01, but in HTML5 it was rede ned to represent
text that should be displayed in a way that is an unarticulated but stylistically
distinct from the surrounding text. For example, one proper use of the <u> element
is to identify misspelled terms.

<ul> HTML Tag The <ul> element is used to de ne an unordered list of items. Use an unordered list
to contain <li> elements that do not need to be presented in numerical order and
can be rearranged without changing the meaning of the list.

<var> HTML Tag The <var> element is used to identify a variable in a mathematical equation or
computer program. Text marked with <var> tags is displayed in an italics font style
by most browsers.

<wbr> HTML Tag The <wbr> element is used to de ne a word break opportunity in a string of text. It
is particularly useful when you wish to de ne word break opportunities in a long
unbroken string of text that might otherwise break improperly.

<xmp> HTML Tag The <xmp> element was used to surround HTML example text that should be
rendered without interpreting any HTML elements between the opening and
closing <xmp> tags. The element was deprecated in HTML 3.2 and is now obsolete.

<input> HTML The <input> element is used to create form elds that accept user input. Form
Tag <input> elements can be presented many different ways, including simple text
elds, buttons, checkboxes, drop-down menus, and more, by setting the type
attribute of the input element to the appropriate value.

<isindex> HTML The <isindex> element was used to create a single line search prompt for querying
Tag the contents of the document. Implementation of the element was inconsistent and
the functionality duplicated by the <form> and <input> elements. As a result,
<isindex> was deprecated in HTML 4.01.

<kbd> HTML Tag The <kbd> element is used to identify text that represents user keyboard input.
Text surrounded by <kbd> tags is typically displayed in the browser's default
monospace font.

<label> HTML The <label> element is used to associate a text label with a form <input> eld. The
Tag label is used to tell users the value that should be entered in the associated input
eld.

<legend> HTML The <legend> element is used to add a caption to a group of related form <input>
Tag elements that have been grouped together into a < eldset>.

<li> HTML Tag The <li> element de nes a list item that is part of an ordered and unordered list of
items.

<link> HTML Tag The <link> element is used to de ne a relationship between an HTML document
and an external resource. This element is most commonly used to de ne the
relationship between a document and one or more external CSS stylesheets.

<listing> HTML The <listing> element was intended as a way to render HTML code on a page. It was
Tag never properly supported, and is now deprecated. Using <listing> will almost
certainly result in unexpected results. Instead, use <code>, or place the content in a
<div> with the appropriate CSS styling.

<map> HTML Tag The <map> element is used in conjunction with one or more <area> elements to
de ne hyperlinked regions of an image map.

The Marquee The <marquee> element was used to identify text that should move across a
HTML Tag de ned section of a webpage in a horizontal or vertical direction. The element has
been deprecated and should no longer be used. CSS or JavaScript can be used to
create similar effects.

<menu> HTML The <menu> element de nes an instance of a menu. This experimental HTML
Tag feature has very limited browser support, but may soon be an effective way to add
menu items to context menus and to create interactive web application menus.

<meta> HTML The <meta> element is used to add machine-readable information to an HTML
Tag document. Information added with the <meta> tag is not displayed to website
visitors but is provided for use by browsers and web crawlers.

<multicol> HTML The <multicol> element was an experimental feature, now deprecated, that was
Tag used to create a newspaper-style layout for text content. The modern CSS columns
property can be used to create the same effect.

<nobr> HTML The <nobr> element identi es text that should not be allowed to break into
Tag multiple lines which can force users to scroll horizontally to view the content. This
element is obsolete and should be used.

<noembed> The <noembed> element was conceived as a way to provide fallback content to
HTML Tag users whose browsers did not support the <embed> element. In HTML 4.02
<noembed> was deprecated in favor of <object> to provide fallback content.

<noframes> The <noframes> element was used within a parent <frameset> to provide fallback
HTML Tag content for users whose browsers did not support <frame> content. Frames have
been deprecated, so the <noframes> element should not be in use on modern
websites.

How To Use In The <noscript> element contains HTML content that will be rendered if a user
Your HTML viewing the webpage does so using a browser that does not support scripts or has
disabled scripts.

<ol> HTML Tag The <ol> element is used to create an ordered list. An ordered list is created by
nesting one or more <li> elements between the opening and closing <ol> tags.

<option> HTML The <option> element is used in conjunction with the <select> element to create a
Tag drop-down menu in a web form. Each <option> element is displayed as an available
option in the resulting drop-down menu.

<p> HTML Tag The <p> element is used to identify blocks of paragraph text. The closing <p> tag is
optional and is implied by the opening tag of the next HTML element encountered
in an HTML document after an opening <p> tag.

<param> HTML The <param> element is used to specify the parameters that apply to plugin-
Tag powered content embedded with an <object> element.

<plaintext> The <plaintext> element was used to render HTML code as plain text. Since
HTML Tag everything after the opening tag was rendered as plain text, there was no closing
<plaintext> tag. This element is obsolete and should not be used. Instead, use the
<code> or <pre> elements.

<pre> HTML Tag The <pre> element is used to identify text that should be rendered with all line
breaks and spaces intact. It is often used to preserve indenting and line breaks
when displaying code blocks.

<s> HTML Tag The <s> element is used to identify text that is no longer accurate or relevant. It is
similar to, but semantically distinct from, the <del> element which is used to
identify document edits. By default, browsers render the contents of an <s>
element with a strikethrough.

<samp> HTML The <samp> element is used to identify text that should be interpreted as sample
Tag output from a computer program. By default, browser render <samp> element
contents in a monospace font.

<script> HTML The <script> element contains code written in a programming language other than
Tag HTML or speci es the location of an external script resource. It is most commonly
used to add JavaScript and jQuery to webpages either directly or by linking to
external .js les.

<select> HTML The <select> element, used along with one or more <option> elements, creates a
Tag drop-down list of options for a web form. The <select> element creates the list and
each <option> element is displayed as an available option in the list.

<small> HTML The <small> element identi es text to display one size smaller than the
Tag surrounding text. In HTML5 the element is intended to be used to identify items of
secondary importance such as copyright notices, side comments, and legal notices.

<sound> HTML The <sound> element was used in the Mosaic browser to add sound les to HTML
Tag documents. It was never formally adopted in an HTML standard and has no
support among modern browsers. Instead, use the modern HTML5 element
<audio>.

<spacer> HTML The <spacer> element was used to add whitespace to web pages by replicating the
Tag effect of adding a small image to web page of the same color as the background
color of the web page. This element is obsolete. Use modern CSS equivalents to add
space between elements of a web page.

<span> HTML The <span> element is the inline equivalent to the block-level <div> element. It is
Tag used to select inline content for purely stylistic purposes.

<strong> HTML The <strong> element is used to identify text that is of greater importance than the
Tag surrounding text. By default, all browsers render <strong> text in a bold typeface.

<style> HTML The <style> element is used to add CSS style rules to an HTML document. The
Tag element is expected to appear in the document <head>, but will also render
acceptably when used in the <body> of the document.

<sub> HTML Tag The <sub> element is used to identify characters that should be rendered in a
subscript position. The element should be used mark text according to
typographical conventions and not stylistic purposes. Text that is to appear
subscript for purely stylistic purposes should be styled with CSS.

<table> HTML The <table> element is used in conjunction with child elements such as <tr>, <td>,
Tag <th>, and others to add tabular data to an HTML document.

<thead> HTML The <thead> element is used to identify one or more rows of a table that contain
Tag column labels rather than table data.

<td> HTML Tag The <td> element creates a single data cell in an HTML <table>. Data cells must be
used as child elements of a parent <tr>, and the resulting group of <td> elements
will be rendered as a single table row in a <table>.

HTML This element is used to add a comment to an HTML document. An HTML comment
Comments: How begins with <!–– and the comment closes with ––> . HTML comments are visible
To Use Them In to anyone that views the page source code, but are not rendered when the HTML
Your HTML Code document is rendered by a browser.

<!DOCTYPE …> The <!DOCTYPE html> declaration is used to inform a website visitor's browser
HTML Tag that the document being rendered is an HTML document. While not actually an
HTML element itself, every HTML document should being with a DOCTYPE
declaration to be compliant with HTML standards.

<a> HTML Tag The <a> element, or anchor element, it used to create a hyperlink to another
webpage or another location within the same webpage. The hyperlink created by an
anchor element is applied to the text, image, or other HTML content nested
between the opening and closing <a> tags.

<address> HTML The <address> element identi es contact information relevant to the current site,
Tag page, document, section, or article. It should not be used to identify addresses in
any other context.

<app> HTML Tag The <app> element was a predecessor of the <applet> element which was
deprecated in HTML 4.01 and removed from the speci cation entirely in HTML5.
Modern equivalents include <object> and <embed>.

<applet> HTML The <applet> element was used to add Java applets to an HTML document. This
Tag element was deprecated in HTML 4.01 and removed from the HTML speci cation
entirely with the release of HTML5. Modern equivalents inlcude <object> and
<embed>.

<area> HTML The <area> element is used as a child of a <map> element to de ne clickable a
Tag region on an image map. Different regions of an image map can be hyperlinked to
different locations by nesting multiple <area> elements in a single <map> element.

<b> HTML Tag The <b> element is used to draw attention to enclosed text without implying any
added importance or emphasis. Text surrounded by <b> tags is displayed with a
bold typeface.

<base> HTML The <base> element is used to identify a base URL upon which to build all relative
Tag URLs that appear on a webpage. In addition, if the <base> element has a target
attribute, the target attribute will be used as the default attribute for all hyperlinks
appearing in the document.

<basefont> The <basefont> element was used to set the default font size for an HTML
HTML Tag document. Deprecated in HTML 4.01 and removed entirely from HTML5,
<basefont> is not supported by modern browsers and font styling should be
controlled with CSS.

<bgsound> The <bgsound> element was used to embed a background audio track in an HTML
HTML Tag document. It was only ever properly implemented in Internet Explorer and is no
longer supported. The <audio> element can now be used to add background
sounds, but audio tracks that autoplay and cannot be disabled by the user are
strongly discouraged in modern web design.

<big> HTML Tag The <big> element was used to cause the selected text to appear one size larger
than the surrounding text. This purely presentational tag was removed from
HTML5 and should not be used. Instead, use CSS to control font size.

<blink> HTML The <blink> element was an experimental feature that could be used to cause
Tag enclosed text to blink. It was never added to the HTML speci cation and should not
be used by modern websites.

<blockquote> The <blockquote> element de nes a block of text that is a direct quotation. The
HTML Tag <quote> element should be used when a quotation is presented inline with the
surrounding text, but when the quotation is presented as a separate paragraph,
<blockquote> is the appropriate element to use to identify the quotation.

<body> HTML The <body> element contains the entire content of a webpage. It must be the
Tag second element inside of the parent <html> element, following only the <head>
element.

<br> HTML Tag The <br> element is used to insert a line break or carriage-return within a parent
element such as a paragraph without breaking out of the parent container.

How To Use The The <button> element is used to create an HTML button. Any text appearing
HTML Tag between the opening and closing tags will appear as text on the button. No action
takes place by default when a button is clicked. Actions must be added to buttons
using JavaScript or by associating the button with a form.

<caption> HTML The <caption> element is used to add a caption to an HTML table. A <caption>
Tag must appear in an HTML document as the rst descendant of a parent <table>, but
it may be positioned visually at the bottom of the table with CSS.

How to Center The <center> element was used to identify text that should be centered when
HTML Elements rendered by a browser. However, the element has been deprecated, and the correct
Using and modern way to center-align text is with CSS.

<cite> HTML Tag The <cite> element identi es the source of a quotation or creative work. Use the
element to identify the name rather than the author or creator of a referenced
creative work.

<code> HTML The <code> element is used to de ne enclosed text as computer code. It is often
Tag paired with the <pre> element to preserve line breaks and indentation when
presenting blocks of computer code.

<col> HTML Tag The <col> element, typically implemented as a child element of a parent
<colgroup>, can be used to target a column in an HTML table.

<colgroup> The <colgroup> element is used a parent container for one or more <col> elements
HTML Tag which are used to target columns in an HTML table.

<comment> The <comment> element was an experimental way of adding comments to HTML
HTML Tag code that would not be rendered by the browser. It was never added to the HTML
speci cation and is not supported by modern browsers.

<dd> HTML Tag The <dd> element is used to pair a de nition description with a sibling de nition
term enclosed in <dt> tags within a parent de nition list.

<ins> HTML Tag The <ins> element is used to identify text that has been inserted into a document. It
is often paired with a <del> element which identi es deleted text replaced by the
text contained in the <ins> element.

<dfn> HTML Tag The <dfn> element is used to identify the de ning instance of a term in an HTML
document. When a term is wrapped in <dfn> tags, browsers and web crawlers will
understand that nearby text contains a de nition of the term.

<dir> HTML Tag The <dir> element, deprecated beginning in HTML 4.01, was used to create a list of
le names or the contents of a directory. An unordered list, created with the <ul>
element, is the appropriate modern replacement for the <dir> element.

<div> HTML Tag The <div> element de nes an arbitrary block of content which can be placed and
styled as a single unit.

<dl> HTML Tag The <dl> element de nes a description list.

<dt> HTML Tag The <dt> element de nes a term in a description list.

<em> HTML Tag The <em> element is used to indicate text that should receive greater emphasis
than the surrounding text.

<embed> HTML The <embed> element creates an embedded panel in which a third-party
Tag application, such as a Flash-based object, can run.

< eldset> HTML The < eldset> element may be optionally used to group together related elds in
Tag an HTML form.
<font> HTML Tag The <font> element was used to specify typographical display styles. It has been
deprecated and fonts should be styled with CSS instead.

<form> HTML The <form> element is used to create an HTML form. The <form> element does not
Tag actually create form elds, but is used as a parent container to hold form elds such
as <input> and <textarea> elements.

How to Use The <frame> element was used to break a single browser window into multiple
<frame> Tags in independent browsing contexts. Frames have been deprecated and should not
Your HTML Code used by modern websites.

<frameset> The <frameset> element was used to create a group of frames which could be styled
HTML Tag and controlled as a unit. Frames have been deprecated and should no longer be
used.

<h1>, <h2>, The <h1>, <h2>, <h3>, <h4>, <h5>, and <h6> elements are used to create headings
<h3>, <h4>, in descending order of importance where <h1> is the most important and <h6> the
<h5>, <h6> least.
HTML Tag

<head> HTML The <head> element contains information about an HTML document that is used
Tag by browsers and web crawlers but is not displayed to website visitors.

<hr> HTML Tag The <hr> element is used to represent a thematic break between paragraph-level
elements. It is typically rendered as a horizontal line.

<html> HTML The <html> element is used as a container for all of the HTML of an entire
Tag document.

<hype> HTML The <hype> element was used to create a browser-speci c "Easter Egg" effect. It
Tag was never added to the of cial HTML speci cation and is no longer supported by
any browser. Do not use it.

<i> HTML Tag The <i> element is used to differentiate words from the surrounding text by styling
the marked text in italics without implying any added emphasis to the italicized
words.

<iframe> HTML The <iframe> creates an inline frame, which embeds an independent HTML
Tag document into the current document.

<img> HTML Tag The <img> tag is used to insert an image into a document.

HTML.com © 2015-2019 Quality Nonsense Ltd. Registered of ce: Quality Nonsense Ltd, 27 Mortimer Street, London, W1T 3BL,
UK Sitemap | Privacy | Contact

You might also like