All HTML Tags
Here is a table of all HTML tags,
| No. | Tag | Description | Version/Status |
|---|---|---|---|
| 1 | <!--...--> | Defines a non‑rendered comment that helps developers annotate code and clarify its structure for easier maintenance and better understanding by crawlers. | All HTML versions |
| 2 | <!DOCTYPE> | Declares the document type to enable standards‑compliant rendering, ensuring that browsers correctly interpret and index your page. | HTML5 (simplified doctype) |
| 3 | <a> | Creates a clickable hyperlink that connects different pages and resources, enhancing site navigation and link discovery. | HTML |
| 4 | <abbr> | Marks abbreviations by providing a title with the expanded form, which improves clarity for users and indexing systems. | HTML |
| 5 | <acronym> | Displays text in bold to draw attention to essential phrases and keywords, helping key information stand out within the content. | HTML (Deprecated in HTML5) |
| 6 | <address> | Displays contact information for an author or organization in a structured format, reinforcing trust and local presence on the web. | HTML |
| 7 | <applet> | Embeds Java applets to run interactive programs (obsolete); modern implementations use <embed> or <object> for multimedia content. | HTML (Deprecated) |
| 8 | <area> | Defines interactive areas within an image map, allowing portions of an image to serve as links or triggers for actions. | HTML |
| 9 | <article> | Encapsulates self‑contained content such as blog posts or news articles, helping to organize information into distinct sections for better ranking. | HTML5 |
| 10 | <aside> | Marks tangential or supplementary content (like sidebars), which supports content hierarchy and improves page organization for both users and crawlers. | HTML5 |
| 11 | <audio> | Embeds audio files directly into the page, providing interactive multimedia content that keeps users engaged. | HTML5 |
| 12 | <b> | Displays text in bold to draw attention to important phrases and keywords, helping key information stand out within the content. | HTML |
| 13 | <base> | Sets a base URL for all relative links in the document, ensuring that internal links resolve correctly and uniformly across the site. | HTML |
| 14 | <basefont> | Specifies a default font style and size (now obsolete); modern pages use CSS for typographic control to keep the markup clean and efficient. | HTML (Deprecated) |
| 15 | <bdi> | Isolates a section of text so that its directionality does not affect surrounding text—ideal for multilingual pages with mixed directional content. | HTML5 |
| 16 | <bdo> | Overrides the current text direction, allowing you to explicitly control how text is displayed for proper reading in different languages. | HTML |
| 17 | <big> | Enlarges text to emphasize content (obsolete); contemporary designs use CSS to adjust font size while keeping the markup semantic. | HTML (Deprecated) |
| 18 | <blockquote> | Marks extended quotations from external sources, visually setting them apart and clearly attributing the cited material. | HTML |
| 19 | <body> | Contains the primary content of your webpage, serving as the container that browsers and search tools use to understand your page’s main subject. | HTML |
| 20 | <br> | Inserts a line break to improve text layout and readability, which is important for creating well-structured content. | HTML |
| 21 | <button> | Creates an interactive button that invites user actions, supporting conversions and interactive content features. | HTML |
| 22 | <canvas> | Provides a dynamic drawing area for rendering graphics via JavaScript, enabling interactive visual content that enriches the user experience. | HTML5 |
| 23 | <caption> | Adds a descriptive caption to a table, explaining the data it contains and improving the clarity of tabular information. | HTML |
| 24 | <center> | Centers content horizontally on the page (now deprecated); current design best practices use CSS for layout to maintain clean and semantic code. | HTML (Deprecated) |
| 25 | <cite> | Identifies the title of a work or citation, which helps clarify references and supports clear attribution in your content. | HTML |
| 26 | <code> | Displays inline code snippets in a fixed‑width font, making programming examples and technical content easily distinguishable. | HTML |
| 27 | <col> | Specifies column properties for table columns, allowing consistent styling and organization of data across the table. | HTML |
| 28 | <colgroup> | Groups one or more columns in a table to collectively apply attributes, enhancing the structure of tabular data. | HTML |
| 29 | <data> | Associates machine‑readable values with content, which helps automated systems accurately interpret the information on the page. | HTML5 |
| 30 | <datalist> | Provides a set of predefined options for an <input> element, enhancing the usability and clarity of form controls. | HTML5 |
| 31 | <dd> | Defines a description in a definition list, pairing with <dt> to clearly explain terms and enhance content structure. | HTML |
| 32 | <del> | Marks text as removed or outdated, which can help document revisions and indicate updates within the content. | HTML |
| 33 | <details> | Creates a collapsible section that users can expand to reveal additional information, improving content organization and interactivity. | HTML5 |
| 34 | <dfn> | Indicates the defining instance of a term, clarifying meaning and adding precision to content explanations. | HTML |
| 35 | <dialog> | Defines a popup dialog box or window for user interactions, ideal for notifications or modal content without navigating away from the page. | HTML5 |
| 36 | <dir> | Displays a directory list (obsolete); modern pages use unordered lists (<ul>) to present itemized content in a structured way. | HTML (Deprecated) |
| 37 | <div> | Serves as a generic container to group related content and elements, playing a fundamental role in creating organized, well‑structured web pages. | HTML |
| 38 | <dl> | Structures a definition list to pair terms with their corresponding descriptions, enhancing clarity and content organization. | HTML |
| 39 | <dt> | Defines a term in a definition list, paired with <dd> to provide clear explanations and definitions within the content. | HTML |
| 40 | <em> | Emphasizes text to indicate importance or stress, helping to highlight key phrases and improve content clarity for users and crawlers. | HTML |
| 41 | <embed> | Inserts external content such as multimedia files into the page, offering dynamic experiences that enrich the content and engage visitors. | HTML5 |
| 42 | <fieldset> | Groups related form elements together under a common label, creating a clear and organized structure for user input. | HTML |
| 43 | <figcaption> | Provides a caption for a <figure>, offering context for images or illustrations and improving the comprehension of visual content. | HTML5 |
| 44 | <figure> | Encapsulates self‑contained content (e.g. images with captions), which helps break up the content and clearly signal its context to readers and bots. | HTML5 |
| 45 | <font> | Sets font attributes such as size and color (obsolete); modern practices use CSS to control typography and maintain clean, semantic markup. | HTML (Deprecated) |
| 46 | <footer> | Encloses the bottom section of a page or section, often containing supplementary information, links, or copyright notices that add context and clarity. | HTML5 |
| 47 | <form> | Creates an interactive form for collecting user input, an essential element for contact pages and data submission that drives conversions. | HTML |
| 48 | <frame> | Divides the browser window into separate frames (obsolete), formerly used to display multiple HTML documents simultaneously. | HTML (Deprecated) |
| 49 | <frameset> | Defines a set of frames to organize multiple documents on a single page (obsolete); modern web design uses responsive layouts instead. | HTML (Deprecated) |
| 50 | <h1> | Represents the most important heading on the page, signaling the main topic and contributing to the overall content hierarchy for better ranking. | HTML |
| 51 | <h2> | Creates a second-level heading to break the content into main sections, providing clear structure and enhancing topic relevance. | HTML |
| 52 | <h3> | Defines a third-level heading for subsections, further organizing content and clarifying its structure for improved readability. | HTML |
| 53 | <h4> | Marks a fourth-level heading that subdivides sections into smaller parts, supporting a clear content outline for better comprehension. | HTML |
| 54 | <h5> | Specifies a fifth-level heading used for minor subsections, helping to arrange content in a logical, tiered structure. | HTML |
| 55 | <h6> | Denotes a sixth-level heading for the least prominent subheadings, completing the hierarchical structure of the document. | HTML |
| 56 | <head> | Contains metadata such as the page title, scripts, and style rules, which are critical for proper indexing and content description. | HTML |
| 57 | <header> | Encapsulates introductory content or navigational elements at the top of a page or section, establishing a clear structure for users and crawlers. | HTML5 |
| 58 | <hgroup> | Groups multiple headings into one unit, unifying them as a collective title for a section and aiding in content categorization. | HTML5 |
| 59 | <hr> | Inserts a horizontal rule that visually separates sections of content, enhancing readability and content division. | HTML |
| 60 | <html> | Serves as the root element that wraps the entire HTML document, forming the fundamental structure that browsers and crawlers analyze. | HTML |
| 61 | <i> | Renders text in italic style to denote emphasis or foreign terms, subtly differentiating key words from the rest of the content. | HTML |
| 62 | <iframe> | Embeds another HTML document within the current page, allowing integration of external content while maintaining a unified layout. | HTML |
| 63 | <img> | Inserts images into the document and supports alt text for accessibility, which is vital for understanding visual content by search tools. | HTML |
| 64 | <input> | Creates various types of form fields for user data entry, essential for interactive pages and gathering visitor information. | HTML |
| 65 | <ins> | Marks text that has been inserted into the document, useful for highlighting new content or revisions while preserving the content history. | HTML |
| 66 | <kbd> | Displays keyboard input in a monospaced font, making technical instructions and command examples clear and easy to distinguish. | HTML |
| 67 | <label> | Associates a text label with a form control, which improves user experience and clarifies the purpose of input fields. | HTML |
| 68 | <legend> | Provides a caption for a <fieldset>, clearly describing the grouped form elements and aiding users in understanding the form’s structure. | HTML |
| 69 | <li> | Defines an individual item in an ordered or unordered list, which helps break down information into manageable points. | HTML |
| 70 | <link> | Connects external resources such as stylesheets or icons to the document, ensuring that related files are properly referenced for faster page loading. | HTML |
| 71 | <main> | Identifies the primary content of the document, helping search engines and users quickly locate the central information on the page. | HTML5 |
| 72 | <map> | Defines an image map by specifying clickable regions within an image, enabling interactive navigation and precise linking. | HTML |
| 73 | <mark> | Highlights text to draw attention to key information, which makes the important parts of your content more noticeable to visitors and crawlers alike. | HTML5 |
| 74 | <menu> | Creates a list of commands or menu items for navigation or toolbars, contributing to a well‑structured interface with clear options. | HTML5 |
| 75 | <meta> | Provides metadata such as descriptions and keywords about the document, essential for conveying content information to browsers and indexing systems. | HTML |
| 76 | <meter> | Displays a gauge or measurement indicator (like a progress bar), useful for presenting quantitative information in a clear, interactive way. | HTML5 |
| 77 | <nav> | Encloses a section of navigation links, helping organize internal navigation and guiding visitors through the site’s content hierarchy. | HTML5 |
| 78 | <noframes> | Supplies alternate content for browsers that do not support frames, ensuring that users still receive essential information even with older technology. | HTML (Deprecated) |
| 79 | <noscript> | Displays fallback content for users who have disabled JavaScript, ensuring that important information remains accessible in all cases. | HTML |
| 80 | <object> | Embeds external objects like multimedia files or plugins, integrating rich content that enhances the page’s functionality and presentation. | HTML |
| 81 | <ol> | Creates an ordered list that numbers its items, clearly organizing sequential information for easy comprehension and indexing. | HTML |
| 82 | <optgroup> | Groups related options within a <select> element, creating a clear and logical structure for form controls and drop‑down lists. | HTML |
| 83 | <option> | Defines a selectable option within a drop‑down list, enabling users to choose from multiple values in a clear and organized manner. | HTML |
| 84 | <output> | Displays the result of a calculation or user action, providing interactive feedback that enriches the content and usability of the page. | HTML5 |
| 85 | <p> | Wraps text into a paragraph, organizing your content into clear, digestible blocks that enhance reading and comprehension. | HTML |
| 86 | <param> | Specifies parameters for an <object> element, ensuring that embedded content functions correctly with all required settings. | HTML |
| 87 | <picture> | Serves as a container for multiple image sources, allowing the browser to choose the most appropriate version for different devices and resolutions. | HTML5 |
| 88 | <pre> | Displays preformatted text that preserves whitespace and line breaks, ideal for presenting code samples or structured text accurately. | HTML |
| 89 | <progress> | Visually represents the completion progress of a task, adding interactive feedback that makes data-driven content more engaging and clear. | HTML5 |
| 90 | <q> | Inserts a short, inline quotation into your text, clearly distinguishing cited material from the surrounding content. | HTML |
| 91 | <rp> | Provides fallback parentheses for ruby annotations, ensuring that the pronunciation information displays correctly even if the browser lacks native support. | HTML5 |
| 92 | <rt> | Specifies the pronunciation or explanation for a ruby annotation, enhancing readability of annotated text for users and automated systems alike. | HTML5 |
| 93 | <ruby> | Groups base text with its annotations (such as pronunciation hints), supporting clearer presentation of complex scripts and language-specific content. | HTML5 |
| 94 | <s> | Renders text with a strikethrough to indicate that it is no longer accurate or applicable, which helps document content updates clearly. | HTML5 |
| 95 | <samp> | Displays sample output from a program or command, distinguishing it from regular text to improve clarity in technical documentation. | HTML |
| 96 | <script> | Embeds client‑side scripts that add dynamic functionality and interactive features, enriching the user experience without compromising structure. | HTML |
| 97 | <search> | (Non‑standard) Intended for search fields, though rarely used; modern practices favor standard input elements for user queries and interaction. | Non‑standard/Obsolete |
| 98 | <section> | Defines a thematic section of the document, dividing content into logical parts that improve overall clarity and organization. | HTML5 |
| 99 | <select> | Creates a drop‑down list that lets users choose from multiple options, streamlining data entry and interaction within forms. | HTML |
| 100 | <small> | Displays text in a smaller size for less prominent details or disclaimers, helping to maintain a balanced and organized visual hierarchy. | HTML |
| 101 | <source> | Specifies alternative media resources for <audio> and <video> elements, allowing for flexible content delivery across different devices. | HTML5 |
| 102 | <span> | Acts as an inline container for grouping text or other elements without introducing a new block, ideal for targeted styling and content emphasis. | HTML |
| 103 | <strike> | Renders text with a strikethrough (now deprecated) to show removal or correction; use <s> or <del> instead for clearer semantics. | HTML (Deprecated) |
| 104 | <strong> | Emphasizes important text by displaying it in bold, which helps highlight key information and supports better content structure. | HTML |
| 105 | <style> | Embeds CSS styles directly within the document, allowing precise control over presentation and contributing to faster page rendering. | HTML |
| 106 | <sub> | Displays text as subscript, which is useful for mathematical expressions or footnotes that require precise formatting. | HTML |
| 107 | <summary> | Provides a visible summary for a <details> element, giving users an immediate idea of the hidden content before they expand it. | HTML5 |
| 108 | <sup> | Renders text as superscript, commonly used for footnotes or mathematical notations, ensuring clarity in technical content. | HTML |
| 109 | <svg> | Embeds scalable vector graphics that remain sharp on all devices, perfect for icons and illustrations that require responsiveness and clarity. | HTML5 |
| 110 | <table> | Creates a structured data table that organizes information into rows and columns, making complex data easier to read and understand. | HTML |
| 111 | <tbody> | Groups the main body rows of a table, clarifying the structure of tabular data and ensuring that information is presented consistently. | HTML |
| 112 | <td> | Defines a standard cell in a table row, which helps present data in a clear, organized grid that is easy to scan. | HTML |
| 113 | <template> | Holds content that is not rendered immediately but can be instantiated later, supporting dynamic page updates without altering the initial markup. | HTML5 |
| 114 | <textarea> | Creates a multiline text input area for forms, essential for gathering user feedback or long-form responses in a structured format. | HTML |
| 115 | <tfoot> | Groups footer rows in a table, often used to summarize or provide totals, which helps readers quickly understand the overall data set. | HTML |
| 116 | <th> | Defines a header cell in a table to label columns or rows, aiding in the interpretation and accessibility of tabular data. | HTML |
| 117 | <thead> | Groups the header rows of a table, setting off column or row headings to improve data organization and clarity. | HTML |
| 118 | <time> | Represents a specific time or date, adding temporal context that can be crucial for articles, events, or time‑sensitive content. | HTML5 |
| 119 | <title> | Sets the title of the webpage, which appears in browser tabs and search results, playing a key role in conveying the page’s main subject. | HTML |
| 120 | <tr> | Defines a row in a table, a basic element that organizes cells into horizontal groups for clear data presentation. | HTML |
| 121 | <track> | Specifies text tracks for media elements like <video> or <audio>, providing subtitles or captions to enhance understanding and accessibility. | HTML5 |
| 122 | <tt> | Displays text in a teletype (monospaced) style (obsolete), which was once used to indicate code or fixed‑width text; modern practices use CSS instead. | HTML (Deprecated) |
| 123 | <u> | Underlines text to add emphasis or denote a stylistic difference, now re‑introduced with proper semantics for modern content presentation. | HTML5 |
| 124 | <ul> | Creates an unordered list that displays bullet‑point items, organizing content into easily digestible and scan‑friendly sections. | HTML |
| 125 | <var> | Indicates a variable or placeholder in mathematical expressions or programming examples, clarifying technical content and definitions. | HTML |
| 126 | <video> | Embeds video content directly into the page, providing rich media that enhances user engagement and content presentation. | HTML5 |
| 127 | <wbr> | Specifies a word break opportunity within text to prevent overflow and ensure that long strings wrap gracefully on all devices. | HTML |
also check out other posts here. and you can also check the w3.org reference.
Share this page on:
Subscribe Email Updates
to get latest update