HTML web page contains list of HTML tags that are used to develop or display a web page. In this tutorial we have listed out all the major HTML/HTML5 supported tags in alphabetically order. I have also explained which tags are supported and which are not supported in HTML5. You can get more details by selecting specific tag as listed below.
Χ : Tags that does not supported in HTML5
√ : Tags that newly introduced to HTML5
| Tag | Description | HTML5 | New |
|---|---|---|---|
| <!–..–> | Represents a comment text | ||
| <!DOCTYPE> | Represents a HTML document type | ||
| <a> | Anchor tag that represents internal/external hyperlinks | ||
| <abbr> | Represents an abbreviation for a web page | ||
| <acronym> | Represents an acronym | Χ | |
| <address> | Represents an address or contact information | ||
| <applet> | Represents an embedded applet for a web page | Χ | |
| <area> | Represents an image-map area | ||
| <article> | Represents an article in a web page | √ | |
| <aside> | Represents the content aside from the web page | √ | |
| <audio> | Represents an audio/sounds inside a web page | √ | |
| <b> | Represents the text in bold text | ||
| <base> | Represents the base URL or base target for all links for a web page | ||
| <basefont> | Represents default fonts, colors, size for text content for a web page | Χ | |
| <bdi> | Stands for Bi-directional Isolation that represents a part of text that must be formatted in a different direction from the text surrounding it | √ | |
| <bdo> | Stands for Bi-Directional Override that that overrides the current text direction | ||
| <big> | Represents a big text | Χ | |
| <blockquote> | Represents a section that is quoted from another source | ||
| <body> | Represents a visible content for a web page | ||
| <br> | Breaks a single line | ||
| <button> | Represents a HTML button control | ||
| <canvas> | Represents a graphics with in web page using scripts like JavaScript | √ | |
| <caption> | Represents a caption for a table | ||
| <center> | Represents a center align text | Χ | |
| <cite> | Represents a text citation or the title of a work from a paper, essay book etc | ||
| <code> | Represents a set of computer code text | ||
| <col> | Represents a column with in a <colgroup> element inside table | ||
| <colgroup> | Represents a group of columns inside a table | ||
| <command> | Represents a command button, used to invoke user action | √ | |
| <datalist> | Represents a pre-defined list of options for <input> tag | √ | |
| <dd> | Stands for Definition Description in a description list | ||
| <del> | Represents deleted text from a web page | ||
| <details> | Represents the detailed content to show/hide with using <summary> tag | √ | |
| <dfn> | Represents a definition term | ||
| <dialog> | Represents an open dialog or window | √ | |
| <dir> | Represents a directory list | Χ | |
| <div> | Represents a division section inside web page | ||
| <dl> | Represents a description or definition list | ||
| <dt> | Represents a term for a description or definition list | ||
| <em> | Represents a text in emphasized format | ||
| <embed> | Represents a non-html embedded container for an external application | √ | |
| <fieldset> | Represents a group of related elements with borders in HTML form | ||
| <figcaption> | Represents a caption for a <figure> element | √ | |
| <figure> | Represents a group of media contents such as images, diagrams, pictures etc with or without figure caption | √ | |
| <font> | Represents a font size, font type, color for text | Χ | |
| <footer> | Represents a footer section for a web page or document | √ | |
| <form> | Represents a HTML form for input data from user | ||
| <frame> | Represents a frame or a window in a frameset | Χ | |
| <frameset> | Represents a set of frames | Χ | |
| <h1> to <h6> | Represents a HTML Headings for a web page(available level size is 1 to 6) | ||
| <head> | Represents a heading information about web page or document | ||
| <header> | Represents a header for section or web page | √ | |
| <hgroup> | Represents a group of heading tags for web page | √ | |
| <hr /> | Represents a horizontal rule line inside web page | ||
| <html> | Represents a main html tag for HTML document | ||
| <i> | Represents a text in italic format | ||
| <iframe> | Represents an inline frames | ||
| <img> | Represents an image inside web page | ||
| <input> | Represents HTML input control | ||
| <ins> | Represents an inserted text into a web page | ||
| <kbd> | Represents a keyboard text input | ||
| <keygen> | Generates a secure key-pair field for HTML form | √ | |
| <label> | Represents a label for <input> control | ||
| <legend> | Represents a caption or heading for HTML form | ||
| <li> | Represents a list items may be in ordered lists or unordered lists | ||
| <link> | Link an external resources inside web page | ||
| <mark> | Represents a highlighted or marked text | √ | |
| <map> | Represents a client-side image map with some pointed and clickable areas | ||
| <menu> | Represents a menu list | ||
| <meta> | Represents a metadata and also useful for page rankings in SEO | ||
| <meter> | Represents a measurement value | √ | |
| <nav> | Represents a navigation links | √ | |
| <noframes> | Represents an alternate content for users while browsers does not support frames | Χ | |
| <noscript> | Represents an alternate content for users while browsers does not support client-side scripts | ||
| <object> | Represents an embedded multimedia object | ||
| <ol> | Represents an ordered lists | ||
| <optgroup> | Represents a group of related options | ||
| <option> | Represents an options within a drop-down list | ||
| <output> | Represents a calculation result | √ | |
| <p> | Represents a paragraph text | ||
| <param> | Represents a parameters for an object | ||
| <pre> | Represents a preformatted or predefined text | ||
| <progress> | Represents the bar for progress of any task | √ | |
| <q> | Represents a short quotation text | ||
| <rb> | Represents the ruby base characters. Here, ruby characters represents the characters of East Asian languages like Chinese, Japanese, Korean and so on | √ | |
| <rp> | Represents the ruby pronunciation or annotations that are required to display as a learning aid or pronunciation help for ruby characters. | √ | |
| <rt> | Represents the ruby text or annotation for the ruby characters that will be displayed to the user on web page | √ | |
| <ruby> | Represents the mechanism for annotating ruby characters of East Asian languages such as Japanese, Chinese, Korean and so on | √ | |
| <s> | Represents a middle horizontal line in text that is no longer valid or correct | ||
| <samp> | Represents a sample output generated from a computer program code | ||
| <script> | Represents a client-side scripts like JavaScript, jQuery | ||
| <section> | Represents a section inside web page | √ | |
| <select> | Represents a select options within drop-down list control | ||
| <small> | Represents a small text | ||
| <source> | Represents a media sources from specified URL using media elements like <audio>, <video> etc | √ | |
| <span> | Represents a spanned text or section in a web page | ||
| <strike> | Represents a middle strike line throughout selected text | Χ | |
| <strong> | Represents a strong and important text | ||
| <style> | Represents a style sheet code for a web page | ||
| <sub> | Represents a sub-script text | ||
| <summary> | Represents a summary information for a <details> tag | √ | |
| <sup> | Represents a super-script text | ||
| <table> | Represents a table | ||
| <tbody> | Represents a table body group | ||
| <td> | Represents a table data cell | ||
| <textarea> | Represents a multiline input control | ||
| <tfoot> | Represents a table footer content | ||
| <th> | Represents a table header cell | ||
| <thead> | Represents a table header group | ||
| <time> | Represents a specified date or time | √ | |
| <title> | Represents a title for web page and also most important for SEO purpose | ||
| <tr> | Represents a table row | ||
| <track> | Represents a descriptions, titles, metadata etc for media elements like <audio>, <video> etc | √ | |
| <tt> | Represents a teletype text for document | Χ | |
| <u> | Represents an underline styling to text | ||
| <ul> | Represents an unordered list | ||
| <var> | Represents a variable text within web page | ||
| <video> | Represents a multimedia contents like video clip or movie clip | √ | |
| <wbr> | Stands for Word Break that specifies word break with line break | √ |
That’s it, as you can see in above table, we’ve almost hundred html tags which we can use to build our web page.
