1. Ultimate Reference to All HTML Tags
The HTML Markup tags are the basic building blocks of any web page, and all the HTML5 elements serve as a reference to some particular component on a document. The table below contains all the HTML5 tags, and serves as an ultimate and up-to-date guide or reference and filters the HTML elements into various groups with reference to their display value or size.
2. Search Ultimate Reference For HTML5 Elements
Search HTML elements from the below list, which is an ultimate and up-to-date guide or reference, for the developers. You can also use the buttons to filter the HTML5 tags based on their display value.
2.1. Alphabetical Reference
| Tag | Description | Type |
| <!--comment--> | Comments in HTML use this tag. | empty |
| <!DOCTYPE> | The doctype of the document is set using this element. | empty |
| <a> | A hyperlink or link is created by employing this tag. | inline |
| <abbr> | An abbreviation or acronym uses this element. | inline |
| <acronym> | Previously, acronyms used this tag. | inline |
| <address> | The address or the contact information is defined with the help of this element. | block |
| <applet> | It defines an embedded applet. | block |
| <area> | This tag defines the area inside an image map. | empty |
| <article> | An article uses this element. | block |
| <aside> | The content aside from the page content uses this tag. | block |
| <audio> | Embed an audio sound by incorporating this element. | block |
| <b> | Make the text bold by exerting this tag. | inline |
| <base> | Define some base URLs for a document. | meta/empty |
| <basefont> | This HTML element defines the color, size, and font for all text in a document. | empty |
| <bdi> | Separate some part of the text that has a different direction format from the rest of the text. | inline |
| <bdo> | Overrides the current text direction | inline |
| <bgsound> | We incorporate a background sound by using this empty tag. | empty |
| <big> | Write some big text. | inline |
| <blink> | This obsolete tag creates a blinking effect on any enclosed text but now its use is omitted. | inline |
| <blockquote> | A piece of text that is quoted from somewhere else. | block |
| <body> | The body of the document. | block |
| <br> | A line break in a paragraph or some other position of the document. | empty |
| <button> | Display a clickable button. | inline |
| <canvas> | Define a canvas to draw graphics using javascript. | block |
| <caption> | Write a caption for a table by this tag. | block |
| <center> | Write the text in the center via this HTML element. | inline |
| <cite> | Write the title of some creative writing or book etc in this tag. | inline |
| <code> | Write some computer code by employing this element. | inline |
| <col> | A <colgroup> uses <col> tag to specify properties of each column. | empty |
| <colgroup> | Group the columns in a table using this tag. | block |
| <command> | The command tag creates a command for a user to invoke. | empty |
| <content> | This tag was used in shadow DOM as an insertion point but now it is obsolete. | inline |
| <data> | Add some translation of content, that a machine can read only. | inline |
| <datalist> | A list with pre-defined options for input control. | block |
| <dd> | Write the description of a term in a list by this tag. | inline |
| <del> | Write some text that is deleted using this HTML element. | inline |
| <details> | Create some details that a user can show or hide. | block |
| <dfn> | Write a term within this tag, that has some definition after it. | inline |
| <dialog> | A dialogue box or window is defined using this HTML element. | block |
| <dir> | A directory list in a document. | block |
| <div> | Make a section in a document | block |
| <dl> | Create a description list using this tag. | block |
| <dt> | A term in a description list. | dependent |
| <em> | It makes the text emphasized. | inline |
| <embed> | Embed an external application by utilizing this tag. | empty |
| <fieldset> | Make a group of related elements in a form with the help of a tag. | block |
| <figcaption> | Write some caption for <figure> element. | block |
| <figure> | A self-explanatory figure/content is specified with the help of this HTML element. | block |
| <font> | Set the font family, font size, and color of the text. | inline |
| <footer> | Define the footer of a document. | block |
| <form> | Make a form in a document to get user input. | block |
| <frame> | Declare a frame or window in <frameset>. | block |
| <frameset> | Declare Set of Frames. | block |
| <h1> to <h6> | Write some appropriate heading for different sections in a document. | block |
| <head> | This HTML tag contains metadata or meta information of a document. | block/meta |
| <header> | Declare the header of a document or section using this HTML element. | block |
| <hgroup> | It defines the heading of a section and contains other headings as sub-elements. | block |
| <hr> | Draw a horizontal line in a document. | empty |
| <html> | The root or parent element of an HTML document. | block/meta |
| <i> | Display the text in another mood or voice. | inline |
| <iframe> | Add an inline frame using this HTML tag. | block |
| <image> | It is an old and poorly supported precursor of the HTML <img> element. | inline |
| <img> | Add an image to a document using this element. | empty |
| <input> | An <input> field in a form. | empty |
| <ins> | A text that is inserted in a document using this HTML element. | inline |
| <isindex> | Its use is to put a text field on the page to query the document. | empty |
| <kbd> | Write some text as keyboard input form by employing this HTML tag. | inline |
| <keygen> | In HTML forms, this HTML tag creates a key-pair generator field. | empty |
| <label> | Declare some label for an <input> field. | inline |
| <legend> | The caption of a <fieldset> element is displayed by exerting this HTML element. | block |
| <li> | Create an item within a list using this element. | dependent |
| <link> | Declare the relationship between the document and externally linked resources. | meta/empty |
| <listing> | This deprecated HTML tag was used to display HTML code or markup on a web page. | block |
| <main> | Define the main portion or content of a document. | block |
| <map> | Make an image map with the help of this HTML5 element. | block |
| <mark> | Highlight some text by exerting this tag. | inline |
| <marquee> | This HTML tag makes any content including images or text scroll on the screen with specified input directions. | inline |
| <math> | To add mathematical expressions we use this HTML tag. | inline |
| <menu> | This tag displays a list of commands that a user can perform or activate. | inline |
| <menuitem> | This HTML tag contains items or commands for the context menu created by the <menu> tag. | dependent |
| <meta> | Holds meta information of a document. | meta/empty |
| <meter> | Visually display some measurements within maximum and minimum range or value. | block |
| <multicol> | The obsolete <multicol> HTML element was previously used to create multiple columns of text and enabled us to control the size and number of columns. | block |
| <nav> | Write navigation links of a document in this HTML element. | block |
| <nextid> | This deprecated HTML tag previously enabled us to utilize the NeXT web design tools to generate the NAME labels for its anchors automatically. | inline |
| <nobr> | This HTML tag creates a text without breaking into different lines hence, we have to scroll horizontally to reach the end of the text. | inline |
| <noembed> | If the browser does not support the <embed> tag, some alternate media or text is displayed. | dependent |
| <noframes> | If the browser does not support <iframe>, some alternate text is displayed. | block |
| <noscript> | If the client-side script is not supportable on the browser, an alternate text is shown using this element. | meta/block |
| <object> | An external application is contained in this tag. | block |
| <ol> | Make an ordered list by adding this HTML5 element. | block |
| <optgroup> | Create a group of related options in a drop-down list | block |
| <option> | Create options in a <select> or dropdown list. | dependent |
| <output> | Display the output of some calculations by utilizing this tag. | inline |
| <p> | Write some paragraphs with this HTML5 element. | block |
| <param> | Declare the parameter of an object with the help of this HTML tag. | empty |
| <picture> | A container for several image sources. | inline |
| <plaintext> | The <plaintext> HTML tag display every other element and text after this tag as raw text. | empty |
| <portal> | It enables to embed of another HTML page into the current document. | block |
| <pre> | Write some preformatted text using this element. | block |
| <progress> | Progress of some tasks is shown by adding this tag. | block |
| <q> | a brief quotation is written by exerting <q> | inline |
| <rb> | The <rb> HTML tag delimits the base text component of a ruby notation. | dependent |
| <rp> | If <ruby> annotation is not supported by the browser, the text in <rp> is displayed. | dependent |
| <rt> | A ruby annotation, to indicate the meaning of the corresponding characters. (for East Asian typography) | dependent |
| <rtc> | Defines a text container within ruby annotations. | inline/dependent |
| <ruby> | Write some ruby annotation. (for East Asian typography) | block |
| <s> | Similar to strikethrough, write some text that is invalid. | inline |
| <samp> | Write sample output of computer program. | inline |
| <script> | Write some javascript within the document by employing this tag. | meta |
| <section> | This HTML element declares a section in an HTML document. | block |
| <select> | To create a drop-down list, use this tag to contain all the options of the list. | block |
| <shadow> | The <shadow> HTML tag was used as the shadow DOM insertion point. | inline |
| <slot> | It defines a container for custom HTML markup. | inline |
| <small> | This HTML element makes the text smaller. | inline |
| <source> | This tag defines media source for <video> and <audio> elements. | empty |
| <spacer> | The <spacer> HTML tag was used to create empty spaces between elements | inline |
| <span> | It defines a section in a document. | inline |
| <strike> | Creates a strikethrough text i.e. a text with a line or deleted text | inline |
| <strong> | It makes the text important and bold. | inline |
| <style> | On page CSS style declarations are written in this tag. Usually, it goes within <head> of the document. | meta |
| <sub> | This HTML element makes the text in subscript. | inline |
| <summary> | The output heading of <summary> hides data of <details> element and displays on clicking, just like an accordion. | block |
| <sup> | Makes text in superscript. | inline |
| <svg> | Creates a container for scalable vector graphics or SVG. | inline |
| <table> | This tag creates a table. | block |
| <tbody> | This HTML element groups the table body content. | block |
| <td> | Table data cell is defined by incorporating this tag. | dependent |
| <template> | Create a template container, that hides on page loading. | block |
| <textarea> | A multiple lines text input area is created by utilizing this HTML element. | inline |
| <tfoot> | Define some footer of a table with the help of this tag. | block |
| <th> | The table header cell uses this element. | dependent |
| <thead> | The table header can use this tag to create a group. | block |
| <time> | Define a certain time or date using this HTML element. | inline |
| <title> | The title of any HTML document uses this tag. | meta |
| <tr> | Table row is created by exerting this element. | dependent |
| <track> | Set a subtitle track for (video or audio) media elements. | empty |
| <tt> | Define some teletype text by this tag. | inline |
| <u> | Create some text different from normal text or unarticulated text. | inline |
| <ul> | Create an unordered list by this HTML5 element. | block |
| <var> | Define some variables using this tag. | inline |
| <video> | Embed a video by employing this element. | block |
| <wbr> | This HTML5 element defines a possible line break. | empty |
| <xmp> | The <xmp> HTML tag renders the text without interpreting the internal HTML markup. | block |
Further Reference Tutorials
You can consult the below resources or tutorials to get more knowledge regarding HTML tags.
3. Reference Links
For this reference tutorial, we searched and filtered the below resources to write up the clear, up-to-date, and ultimate guide of HTML tags or elements.
- We utilized W3schools.com as a reference to build up this ultimate guide of all HTML elements.
- We used MDN to compile an up-to-date and latest list of all HTML tags.
- Also, we consulted W3ORG to finalize our list of HTML elements.