Category: HTML Tags
Click through to view details, code samples and more for each tag.
Be sure to check out our HTML attributes section, too.
Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more
The <video> element, which adds native video playback support to the HTML specification 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.
The <track> element is used as a child of an <audio> or <video> element and adds a 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.
Defines a datetime. The content of a time element is typically a human-readable date and time, and a machine-readable version of the same time is placed in the datetime attribute.
The <tfoot> element identifies one or more <tr> elements as containing summary 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.
The <tbody> element must be a direct descendant of a <table> element and is used 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.
The <summary> element is used as a child of <details> element to provide a summary of the contents of the <details> element. At this time, <summary> is not well supported across browsers.
The <source> element is used as a child of a <picture>, <audio>, or <video> element, and identifies the URL of one or more media resources. The <source> element is commonly used to add media resources in multiple formats for the best possible cross-browser compatibility.
The <section> element is a structural HTML element used to group together related elements. Each <section> typically includes one or more heading elements and additional elements presenting related content.
The <ruby> element is used pair characters of certain Asian languages with pronunciation information. The <ruby> element is used in conjunction with the <rp> and <rt> elements.
Defines explanations and pronunciations of characters in ruby language annotations (a system for displaying certain characters in several Asian languages).
Defines 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).
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.
The <progress> element is used to create a progress bar to serve as a visual demonstration of progress towards the completion of task or goal. The max and value attributes are used to define how much progress (value) has been made towards task completion (max).
The <optgroup> element is used to group together related <option> elements within a parent <select> drop-down list.
The <object> element is used to embed an object in an HTML document. It is commonly used to embed webpage elements such as Flash and Java items that are handled by browser plugins.
The <nav> element identifies a group of navigation links. Links in a <nav> element may point to other webpages or to different sections of the same webpage.
The <meter> element is used to create a visual representation of a gauge that demonstrates the relationship of a value to established minimum and maximum values.
The <menuitem> element is used to add menu items and commands to contextual pop-up menus (the menus that appear when you right-click in a web browser).
The <mark> element is used to highlight text inside of another element such as a paragraph, list, or table. Text to which the <mark> element has been added is considered to be particularly relevant in a specific context.
The <main> element is used to denote the content of a webpage that relates to the 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.
The <keygen> element generates a public-private key pair and sends the public key to the server with form submission. The element is expected to be deprecated and does not have broad browser support.
The <header> element is used to identify content that precedes the primary 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.
The <footer> element is a structural element used to identify the footer of a page, document, article, or section. A <footer> typically contains copyright and authorship information or navigational elements pertaining to the contents of the parent element.
The <figure> element identifies self-contained content related to the main content, such as an image, table, or chart. The <figcaption> element is often nested within a <figure> element to add a caption to the content identified by the <figure> tags.
The <figcaption> element is used as a child of a parent <figure> element to attach a caption to the image, table, or chart contained in the <figure> element.
The <details> element is used to pair a <summary> statement with additional related details. The <summary> is displayed, and a user can view or hide additional details by clicking on the summary.
The <datalist> element is used to define autocompletion values for an associated <input> element. Suggested autocompletion values are added to a datalist by nesting one or more <option> elements between the opening and closing <datalist> tags.
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.
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.
The <audio> element is used to add audio media resources to an HTML document that will be played by native support for audio playback built into the browser rather than a browser plugin.
The <aside> element is used to identify content that is related to the primary 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.
The <article> element identifies a self-contained piece of content which could 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.
The <acronym> element and title attribute was used to associate a full-text explanation with an acronym. The <acronym> element has been deprecated in HTML5 and <abbr> should be used instead.
The <abbr> element is used along with a title attribute to associate a full-text 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.
OIOpublisher Superscripts are Super! The <sup> script is used to identify text that should appear in a superscript position relative… Read More...
The <del> tag is used to identify text that has been deleted from a document but retained to show the history of modifications made to the document. Pair a <del> element with an <ins> element to identify the inserted text that replaced the deleted text.
The <textarea> element is used to create a text input area of unlimited length. By default, text in a <textarea> is rendered in a monospace or fixed-width font, and text areas are most often used within a parent <form> element.
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.
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.
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.
The <tt> element was used to identify text to be displayed using the browser's default monospace or fixed-width font as it would appear on a fixed-width device such as a teletype. This element has been deprecated and the <code> element is an appropriate modern replacement for <tt>.
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 redefined 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.
The <ul> element is used to define 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.
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.
The <wbr> element is used to define a word break opportunity in a string of text. It is particularly useful when you wish to define word break opportunities in a long unbroken string of text that might otherwise break improperly.
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.
The <input> element is used to create form fields that accept user input. Form <input> elements can be presented many different ways, including simple text fields, buttons, checkboxes, drop-down menus, and more, by setting the type attribute of the input element to the appropriate value.
The <isindex> element was used to create a single line search prompt for querying 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.
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.
The <label> element is used to associate a text label with a form <input> field. The label is used to tell users the value that should be entered in the associated input field.
The <legend> element is used to add a caption to a group of related form <input> elements that have been grouped together into a <fieldset>.
The <li> element defines a list item that is part of an ordered and unordered list of items.
The <link> element is used to define a relationship between an HTML document and an external resource. This element is most commonly used to define the relationship between a document and one or more external CSS stylesheets.
The <listing> element was intended as a way to render HTML code on a page. It was 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.
The <map> element is used in conjunction with one or more <area> elements to define hyperlinked regions of an image map.
The <menu> element defines an instance of a menu. This experimental HTML 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.
The <meta> element is used to add machine-readable information to an HTML document. Information added with the <meta> tag is not displayed to website visitors but is provided for use by browsers and web crawlers.
The <multicol> element was an experimental feature, now deprecated, that was used to create a newspaper-style layout for text content. The modern CSS columns property can be used to create the same effect.
The <nobr> element identifies text that should not be allowed to break into multiple lines which can force users to scroll horizontally to view the content. This element is obsolete and should be used.
The <noembed> element was conceived as a way to provide fallback content to users whose browsers did not support the <embed> element. In HTML 4.02 <noembed> was deprecated in favor of <object> to provide fallback content.
The <noframes> element was used within a parent <frameset> to provide fallback 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.
The <noscript> element contains HTML content that will be rendered if a user viewing the webpage does so using a browser that does not support scripts or has disabled scripts.
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.
The <option> element is used in conjunction with the <select> element to create a drop-down menu in a web form. Each <option> element is displayed as an available option in the resulting drop-down menu.
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.
The <param> element is used to specify the parameters that apply to plugin-powered content embedded with an <object> element.
The <plaintext> element was used to render HTML code as plain text. Since 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.
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.
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.
The <samp> element is used to identify text that should be interpreted as sample output from a computer program. By default, browser render <samp> element contents in a monospace font.
The <select> element, used along with one or more <option> elements, creates a 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.
The <small> element identifies text to display one size smaller than the 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.
The <sound> element was used in the Mosaic browser to add sound files to HTML documents. It was never formally adopted in an HTML standard and has no support among modern browsers. Instead, use the modern HTML5 element <audio>.
The <spacer> element was used to add whitespace to web pages by replicating the 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.
The <span> element is the inline equivalent to the block-level <div> element. It is used to select inline content for purely stylistic purposes.
The <strong> element is used to identify text that is of greater importance than the surrounding text. By default, all browsers render <strong> text in a bold typeface.
The <style> element is used to add CSS style rules to an HTML document. The element is expected to appear in the document <head>, but will also render acceptably when used in the <body> of the document.
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.
The <table> element is used in conjunction with child elements such as <tr>, <td>, <th>, and others to add tabular data to an HTML document.
The <thead> element is used to identify one or more rows of a table that contain column labels rather than table data.
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>.
This element is used to add a comment to an HTML document. An HTML comment begins with
<!––and the comment closes with
––>. HTML comments are visible to anyone that views the page source code, but are not rendered when the HTML document is rendered by a browser.
The <!DOCTYPE html> declaration is used to inform a website visitor's browser 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.
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.
The <address> element identifies contact information relevant to the current site, page, document, section, or article. It should not be used to identify addresses in any other context.
The <app> element was a predecessor of the <applet> element which was deprecated in HTML 4.01 and removed from the specification entirely in HTML5. Modern equivalents include <object> and <embed>.
The <applet> element was used to add Java applets to an HTML document. This element was deprecated in HTML 4.01 and removed from the HTML specification entirely with the release of HTML5. Modern equivalents inlcude <object> and <embed>.
The <area> element is used as a child of a <map> element to define clickable a 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.
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.
The <base> element is used to identify a base URL upon which to build all relative 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.
The <basefont> element was used to set the default font size for an HTML 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.
The <bgsound> element was used to embed a background audio track in an HTML 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.
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.
The <blink> element was an experimental feature that could be used to cause enclosed text to blink. It was never added to the HTML specification and should not be used by modern websites.
The <blockquote> element defines a block of text that is a direct quotation. The <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.
The <body> element contains the entire content of a webpage. It must be the second element inside of the parent <html> element, following only the <head> element.
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.
The <caption> element is used to add a caption to an HTML table. A <caption> must appear in an HTML document as the first descendant of a parent <table>, but it may be positioned visually at the bottom of the table with CSS.
The <center> element was used to identify text that should be centered when rendered by a browser. However, the element has been deprecated, and the correct and modern way to center-align text is with CSS.
The <cite> element identifies 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.
The <code> element is used to define enclosed text as computer code. It is often paired with the <pre> element to preserve line breaks and indentation when presenting blocks of computer code.
The <col> element, typically implemented as a child element of a parent <colgroup>, can be used to target a column in an HTML table.
The <colgroup> element is used a parent container for one or more <col> elements which are used to target columns in an HTML table.
The <comment> element was an experimental way of adding comments to HTML code that would not be rendered by the browser. It was never added to the HTML specification and is not supported by modern browsers.
The <dd> element is used to pair a definition description with a sibling definition term enclosed in <dt> tags within a parent definition list.
The <ins> element is used to identify text that has been inserted into a document. It is often paired with a <del> element which identifies deleted text replaced by the text contained in the <ins> element.
The <dfn> element is used to identify the defining 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 definition of the term.
The <dir> element, deprecated beginning in HTML 4.01, was used to create a list of file names or the contents of a directory. An unordered list, created with the <ul> element, is the appropriate modern replacement for the <dir> element.
The <div> element defines an arbitrary block of content which can be placed and styled as a single unit.
The <dl> element defines a description list.
The <dt> element defines a term in a description list.
The <em> element is used to indicate text that should receive greater emphasis than the surrounding text.
The <embed> element creates an embedded panel in which a third-party application, such as a Flash-based object, can run.
The <fieldset> element may be optionally used to group together related fields in an HTML form.
The <font> element was used to specify typographical display styles. It has been deprecated and fonts should be styled with CSS instead.
The <form> element is used to create an HTML form. The <form> element does not actually create form fields, but is used as a parent container to hold form fields such as <input> and <textarea> elements.
The <frame> element was used to break a single browser window into multiple independent browsing contexts. Frames have been deprecated and should not used by modern websites.
The <frameset> element was used to create a group of frames which could be styled and controlled as a unit. Frames have been deprecated and should no longer be used.
The <h1>, <h2>, <h3>, <h4>, <h5>, and <h6> elements are used to create headings in descending order of importance where <h1> is the most important and <h6> the least.
The <head> element contains information about an HTML document that is used by browsers and web crawlers but is not displayed to website visitors.
The <hr> element is used to represent a thematic break between paragraph-level elements. It is typically rendered as a horizontal line.
The <html> element is used as a container for all of the HTML of an entire document.
The <hype> element was used to create a browser-specific "Easter Egg" effect. It was never added to the official HTML specification and is no longer supported by any browser. Do not use it.
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.
The <iframe> creates an inline frame, which embeds an independent HTML document into the current document.
The <img> tag is used to insert an image into a document.