HTML TAGS
HTML tags are like keywords that define how web browsers format and display content. Using tags, web browsers can distinguish between HTML content and regular content. An HTML tag has three main parts: a start tag, a main tag, and an end tag, but some HTML tags are open tags.
When a browser reads an HTML document, it reads it from top to bottom and left to right. HTML tags are used to create HTML documents and represent their attributes. Each HTML tag has different attributes. The HTML file must have some required tags. This web browser can distinguish between plain text and HTML text. You can use as many tags as you like depending on the requirements of your code. All HTML tags must be placed in < > these brackets. Each tag in HTML has a different purpose. If you have used a start tag, you must use an end tag (with the exception of some tags).
Syntax content
<tag> content </tag>
Types of tags
Unclosed Tags
Some tags are not closed, for ex
br and hr.
<br> Tag: Stands for break line
<hr> Tag: Stands for Horizontal Rule ie use to put a line across the webpage.
Meta Tags
DOCTYPE, title, link, meta and style
Text Tags
<strong>, <em>, <abbr>, <acronym>, <address>, <bdo>, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn><p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <kbd>, <pre>, <samp>, <var> and <br>
Link Tags
<base> and <a>
Table Tags
table, tbody, thead, tfoot, col, tr, td, th, colgroup and caption
Form Tags
form, input, textarea, select, option, optgroup, button, label, fieldset and legend
Scripting Tags
script and noscript
Image and Object Tags
<img>, <map>, <param> , <area> and <object>
List Tags
<li>, <dl>, <dt>, <ul>, <ol> and <dd>
List of all Tags
| Tag name Description |
| <!-- --> Used to apply comment in an HTML document. |
| <!DOCTYPE> Used to specify the version of HTML |
| A |
| <a> It’s termed as anchor tag and it creates a hyperlink or link. |
| <abbr> It specifies then abbreviation for a phrase or longer word. |
| <acronym> It specifies the acronym for a word. (Not supported in HTML5) |
| <address> It specifies the author's contact information of the HTML article |
| <applet> It specifies then embedded Java applet. (Not supported in HTML5) |
| <area> It specifies the area of an image map. |
| <article> It specifies the self-contained content. |
| <aside> It specifies content aside from main content. Mainly represented as sidebar. |
| <audio> It’s used to embed sound content in HTML document. |
| B |
| <b> It’s used to make a text bold. |
| <base> This tag specifies the base URL for all relative URL within the document. |
| <basefont> This tag is used to set default font, size and color for all elements of document. (Not supported in HTML5) |
| <bdi> Used to provide isolation for that part of text which may be formatted in different directions from its surrounding text. |
| <bdo> It’s used to override the current text direction. |
| <big> This tag is used to make font size one level larger than its surrounding content. (Not supported in HTML5) |
| <blockquote> It’s used to define a content which is taken from another source. |
| <body> It’s used to define the body section of an HTML document. |
| <br> Used forsingle line break. |
| <button> It’s used to represent a clickable button |
| C |
| <canvas> It’s used to provide a graphics space within a web document. |
| <caption> It’s used to define a caption for a table. |
| <center> It’s used to align the content in centre. (Not supported in HTML5) |
| <cite> It’s used to define the title of the work, book, website, etc. |
| <code> It’s used to display a part of programming code in an HTML document. |
| <col> It specifies the column within a table which represent common properties of columns and used with the <colgroup> element. |
| <colgroup> It’s used to define group of columns in a table. |
| D |
| <data> It’s used to link the content with the machine-readable translation. |
| <datalist> It’s used to provide a predefined list for input option. |
| <dd> It’s used to provide definition/description of a term in description list. |
| <del> It specifies the text which has been deleted from the document. |
| <details> It specifies the additional details which user can either view or hide. |
| <dfn> It’s used to indicate a term which is defined within a sentence/phrase. |
| <dialog> It specifies the dialog box or other interactive components. |
| <dir> It’s used as container for directory list of files. (Not supported in HTML5) |
| <div> It specifies the division or section within HTML document. |
| <dl> It’s sued to define a description list. |
| <dt> It’s used to define a term in description list. |
| E |
| <em> It’s used to emphasis the content applied within this element. |
| <embed> It’s used as embedded container for external file/application/media, etc. |
| F |
| <fieldset> It’s used to group related elements/labels within a web form. |
| <figcaption> It’s used to add a caption or explanation for the <figure> element. |
| <figure> It’s used to define the self-contained content, and s mostly refer as single unit. |
| <font> It specifies the font, size, color, and face for the content. (Not supported in HTML5) |
| <footer> It specifies the footer section of a webpage. |
| <form> It’s used to define an HTML form. |
| <frame> It specifies the particular area of webpage which can contain another HTML file. (Not supported in HTML5) |
| <frameset> It specifies group of Frames. (Not supported in HTML5) |
| H |
| <h1> to <h6> It specifies headings for an HTML document from level 1 to level 6. |
| <head> It specifies the head section of an HTML document. |
| <header> It specifies the header of a section or webpage. |
| <hr> Used for thematic break between paragraph-level elements. |
| <html> It represents root of an HTML document. |
| I |
| <i> It’s used to represent a text in some different voice. |
| <iframe> It specifies then inline frame which can embed other content. |
| <img> It’s used to insert an image within an HTML document. |
| <input> It specifies then input field within an HTML form. |
| <ins> It represent text that has been inserted within an HTML document. |
| <isindex> It’s used to display search string for current document. (Not supported in HTML5) |
| K |
| <kbd> It’s used to define keyboard input. |
| L |
| <label> It specifies the text label for the input field of form. |
| <legend> It specifies the caption for content of <fieldset> |
| <li> It’s used to represent items in list. |
| <link> It represents a relationship between current document and an external resource. |
| M |
| <main> It represents the main content of an HTML document. |
| <map> It specifies then image map with active areas. |
| <mark> It represents a highlighted text. |
| <marquee> It’s used to insert the scrolling text or an image either horizontally or vertically. (Not supported in HTML5) |
| <menu> It’s used for creating a menu list of commands. |
| <meta> It specifies metadata of an HTML document. |
| <meter> It specifies scalar measurement with known range or fractional value. |
| N |
| <nav> It represents section of page to represent navigation links. |
| <noframes> It provides alternate content to represent in browser which does not support the <frame> elements. (Not supported in HTML5) |
| <noscript> It provides an alternative content if a script type is not supported in browser. |
| O |
| <object> It’s used to embed an object in HTML file. |
| <ol> It specifies then ordered list of items. |
| <optgroup> It’s used to group the options of a drop-down list. |
| <option> It’s used to define options or items in a drop-down list. |
| <output> It’s used as container element which can show result of a calculation. |
| P |
| <p> It represents a paragraph in an HTML document. |
| <param> It specifies parameter for an <object> element |
| <picture> It specifies more than one source element and one image element. |
| <pre> It specifies preformatted text in an HTML document. |
| <progress> It specifies the progress of a task within HTML document. |
| Q |
| <q> It specifies short inline quotation. |
| R |
| <rp> It specifies then alternative content if browser does not supports ruby annotations. |
| <rt> It specifies explanations and pronunciations in ruby annotations. |
| <ruby> It’s used to represent ruby annotations. |
| S |
| <s> It render text which is no longer correct or relevant. |
| <samp> It’s used to represent sample output of a computer program. |
| <script> It’s used to declare the JavaScript within HTML document. |
| <section> It specifies the generic section for a document. |
| <select> It represents a control which provides a menu of options. |
| <small> It’s used to make text font one size smaller than documents base font size. |
| <source>> It specifies multiple media recourses for different media element such as <picture>, <video>, and <audio> element. |
| <span> It’s used for styling and grouping inline. |
| <strike> It’s used to render strike through the text. (Not supported in HTML5) |
| <strong> It’s used to define important text. |
| <style> It’s used to contain style information for an HTML document. |
| <sub> It specifies the text which displays as a subscript text. |
| <summary> It specifies summary which can be used with <details> tag. |
| <sup> It specifies the text which represent as superscript text. |
| <svg> It’s used as container of SVG (Scalable Vector Graphics). |
| T |
| <table> It’s used to present data in tabular form or to create a table within HTML document. |
| <tbody> It represents the body content of an HTML table and used along with <thead> and <tfoot>. |
| <td> It’s used to define cells of an HTML table which contains table data |
| <template> It’s used to contain the client side content which will not display at time of page load and may render later using JavaScript. |
| <textarea> It’s used to define multiple line input, such as comment, feedback, and review, etc. |
| <tfoot> It specifies the footer content of an HTML table. |
| <th> It specifies the head cell of an HTML table. |
| <thead> It specifies the header of an HTML table. It’s used along with <tbody> and <tfoot> tags. |
| <time> It’s used to define data/time within an HTML document. |
| <title> It specifies the title or name of an HTML document. |
| <tr> It specifies the row cells in an HTML table |
| <track> It’s used to define text tracks for <audio> and <video> elements. |
| <tt> It’s used to define teletype text. (Not supported in HTML5) |
| U |
| <u> It’s used to render enclosed text with an underline. |
| <ul> It specifies unordered list of items. |
| V |
| <var> It specifies variable name used in mathematical or programming context. |
| <video> It’s used to embed a video content with an HTML document |
| W |
| <wbr> It specifies the position within text where break line is possible. |