List of HTML Tags

Introduction

HTML tags are the building blocks of HTML documents. They define the structure and content of web pages. Below is a comprehensive list of HTML tags ordered by their usage and popularity.

Basic Structure and Metadata

  • <!DOCTYPE>: Defines the document type and HTML version.
  • <html>: The root element of an HTML document.
  • <head>: Contains meta-information about the HTML document.
  • <title>: Sets the title of the HTML document.
  • <meta>: Defines metadata about the HTML document.
  • <link>: Defines the relationship between the current document and an external resource (most commonly used to link to stylesheets).
  • <style>: Contains internal CSS.
  • <script>: Contains client-side JavaScript.
  • <base>: Specifies the base URL for all relative URLs in the document.

Content Sectioning

  • <body>: Contains the content of an HTML document.
  • <header>: Defines a header for a document or section.
  • <nav>: Defines a set of navigation links.
  • <main>: Specifies the main content of a document.
  • <section>: Defines a section in a document.
  • <article>: Defines independent, self-contained content.
  • <aside>: Defines content aside from the page content.
  • <footer>: Defines a footer for a document or section.
  • <address>: Defines contact information for the author/owner of a document.

Text Content

  • <h1> - <h6>: Defines HTML headings.
  • <p>: Defines a paragraph.
  • <hr>: Defines a thematic change in the content.
  • <pre>: Defines preformatted text.
  • <blockquote>: Defines a section that is quoted from another source.
  • <ol>: Defines an ordered list.
  • <ul>: Defines an unordered list.
  • <li>: Defines a list item.
  • <dl>: Defines a description list.
  • <dt>: Defines a term in a description list.
  • <dd>: Defines a description of a term in a description list.
  • <figure>: Specifies self-contained content.
  • <figcaption>: Defines a caption for a <figure> element.
  • <div>: Defines a division or a section in an HTML document.
  • <span>: Defines a section in a document.
  • <a>: Defines a hyperlink.
  • <em>: Defines emphasized text.
  • <strong>: Defines important text.
  • <small>: Defines smaller text.
  • <mark>: Defines marked/highlighted text.
  • <del>: Defines text that has been deleted.
  • <ins>: Defines text that has been inserted.
  • <sub>: Defines subscripted text.
  • <sup>: Defines superscripted text.
  • <code>: Defines a piece of computer code.
  • <kbd>: Defines keyboard input.
  • <samp>: Defines sample output from a computer program.
  • <var>: Defines a variable.
  • <time>: Defines a date/time.
  • <br>: Inserts a single line break.
  • <wbr>: Defines a possible line break.

Forms and Input

  • <form>: Defines an HTML form for user input.
  • <input>: Defines an input control.
  • <textarea>: Defines a multiline input control (text area).
  • <button>: Defines a clickable button.
  • <select>: Defines a drop-down list.
  • <optgroup>: Defines a group of related options in a drop-down list.
  • <option>: Defines an option in a drop-down list.
  • <label>: Defines a label for an <input> element.
  • <fieldset>: Groups related elements in a form.
  • <legend>: Defines a caption for a <fieldset> element.
  • <datalist>: Specifies a list of pre-defined options for input controls.
  • <output>: Defines the result of a calculation.

Embedded Content

  • <img>: Embeds an image.
  • <iframe>: Defines an inline frame.
  • <embed>: Embeds external content.
  • <object>: Defines an embedded object.
  • <param>: Defines parameters for an <object> element.
  • <video>: Embeds a video.
  • <audio>: Embeds sound content.
  • <source>: Specifies multiple media resources for <video>, <audio>, and <picture>.
  • <track>: Specifies text tracks for <video> and <audio>.
  • <map>: Defines an image map.
  • <area>: Defines a clickable area inside an image map.
  • <canvas>: Used to draw graphics, on the fly, via scripting (usually JavaScript).
  • <svg>: Defines vector-based graphics.

Table Content

  • <table>: Defines a table.
  • <caption>: Defines a table caption.
  • <th>: Defines a header cell in a table.
  • <tr>: Defines a row in a table.
  • <td>: Defines a cell in a table.
  • <thead>: Groups the header content in a table.
  • <tbody>: Groups the body content in a table.
  • <tfoot>: Groups the footer content in a table.
  • <col>: Specifies column properties for each column within a <colgroup> element.
  • <colgroup>: Specifies a group of one or more columns in a table for formatting.

Scripting

  • <noscript>: Defines alternative content for users that do not support client-side scripts.

Interactive Elements

  • <details>: Defines additional details that the user can view or hide.
  • <summary>: Defines a visible heading for a <details> element.

Semantic Elements

  • <abbr>: Defines an abbreviation or acronym.
  • <cite>: Defines the title of a work.
  • <bdo>: Overrides the current text direction.
  • <q>: Defines a short inline quotation.
  • <blockquote>: Defines a section that is quoted from another source.
  • <b>: Defines bold text.
  • <i>: Defines italic text.
  • <u>: Defines underlined text.
  • <s>: Defines text that is no longer correct.
  • <cite>: Defines the title of a work.
  • <abbr>: Defines an abbreviation or acronym.
  • <address>: Defines contact information for the author/owner of a document.
  • <bdi>: Isolates a part of text that might be formatted in a different direction from other text outside it.
  • <data>: Links the given content with a machine-readable translation.
  • <dfn>: Represents the defining instance of a term.
  • <kbd>: Represents user input (typically keyboard input).
  • <progress>: Represents the completion progress of a task.
  • <samp>: Represents output from a program or computing system.
  • <var>: Represents a variable in a mathematical expression or programming context.

Obsolete and Deprecated Elements

  • <acronym>: Not supported in HTML5. Use <abbr> instead.
  • <applet>: Not supported in HTML5. Use <embed> or <object> instead.
  • <basefont>: Not supported in HTML5. Use CSS instead.
  • <big>: Not supported in HTML5. Use CSS instead.
  • <center>: Not supported in HTML5. Use CSS instead.
  • <font>: Not supported in HTML5. Use CSS instead.
  • <frame>: Not supported in HTML5.
  • <frameset>: Not supported in HTML5.
  • <noframes>: Not supported in HTML5.
  • <strike>: Not supported in HTML5. Use <del> or <s> instead.
  • <tt>: Not supported in HTML5. Use CSS instead.

Conclusion

This list covers the most commonly used HTML tags and their primary functions. Each tag has its specific role and attributes that define its behavior in an HTML document. Understanding these tags is essential for creating well-structured and semantic HTML pages.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top