Live Search

View Categories

Html Elements

Estimated Reading Time: 4 min read

Certainly! Here’s an updated list that includes both standard HTML elements and new elements introduced in HTML5:

Basic HTML Elements

  1. <!DOCTYPE html>
    Declares the document type and version of HTML.
  2. <html>
    Root element of an HTML document.
  3. <head>
    Contains meta-information about the document (e.g., title, links to CSS).
  4. <title>
    Sets the title of the document (shown in the browser’s title bar).
  5. <meta>
    Provides metadata about the document, such as character encoding.
  6. <link>
    Links to external resources like stylesheets.
  7. <style>
    Contains internal CSS styles.
  8. <script>
    Embeds or links to JavaScript.
  9. <body>
    Contains the content of the document that is visible to users.

Headings and Text

  1. <h1> to <h6>
    Headings from level 1 (most important) to level 6 (least important).
  2. <p>
    Defines a paragraph.
  3. <a>
    Defines a hyperlink.
  4. <strong>
    Defines important text (usually bold).
  5. <em>
    Defines emphasized text (usually italic).
  6. <small>
    Defines smaller text.
  7. <mark>
    Defines marked or highlighted text.
  8. <abbr>
    Defines an abbreviation or acronym.
  9. <del>
    Defines deleted text.
  10. <ins>
    Defines inserted text.
  11. <sub>
    Defines subscript text.
  12. <sup>
    Defines superscript text.
  13. <br>
    Defines a line break.
  14. <hr>
    Defines a thematic break or horizontal rule.
  15. <blockquote>
    Defines a section that is a quotation from another source.
  16. <pre>
    Defines preformatted text.
  17. <code>
    Defines a single line of code.
  18. <samp>
    Defines sample output from a computer program.
  19. <kbd>
    Defines user input.
  20. <var>
    Defines a variable in a mathematical expression or programming context.

Lists

  1. <ul>
    Defines an unordered (bulleted) list.
  2. <ol>
    Defines an ordered (numbered) list.
  3. <li>
    Defines a list item.

Tables

  1. <table>
    Defines a table.
  2. <tr>
    Defines a table row.
  3. <th>
    Defines a table header cell.
  4. <td>
    Defines a table data cell.
  5. <caption>
    Defines a table caption.
  6. <colgroup>
    Specifies a group of one or more columns in a table for formatting.
  7. <col>
    Specifies column properties for an HTML table.

Forms

  1. <form>
    Defines an HTML form for user input.
  2. <input>
    Defines an input control.
  3. <textarea>
    Defines a multiline text input.
  4. <button>
    Defines a clickable button.
  5. <select>
    Defines a dropdown list.
  6. <option>
    Defines an option in a dropdown list.
  7. <label>
    Defines a label for an <input> element.
  8. <fieldset>
    Groups related elements in a form.
  9. <legend>
    Defines a caption for a <fieldset>.
  10. <datalist>
    Contains a set of <option> elements that represent the permissible values for an <input> element.
  11. <output>
    Represents the result of a calculation or user action.

Multimedia

  1. <img>
    Embeds an image.
  2. <audio>
    Defines sound content.
  3. <video>
    Defines video content.
  4. <source>
    Defines multiple media resources for elements like <audio> and <video>.
  5. <track>
    Provides text tracks for <video> and <audio> elements (e.g., subtitles).
  6. <object>
    Defines an embedded object.
  7. <embed>
    Defines embedded content, such as multimedia.
  8. <iframe>
    Defines an inline frame.
  9. <canvas>
    Defines a drawing area for graphics.
  10. <svg>
    Defines scalable vector graphics.

Scripting and Embedding

  1. <script>
    Embeds or links to JavaScript.
  2. <noscript>
    Defines alternate content for users that have disabled scripts in their browser.

Structure and Styling

  1. <div>
    Defines a division or section in a document.
  2. <span>
    Defines a section in a document.
  3. <header>
    Represents introductory content or a group of navigational aids.
  4. <footer>
    Represents the footer for a section or page.
  5. <nav>
    Defines navigation links.
  6. <article>
    Represents a self-contained piece of content.
  7. <section>
    Defines a section in a document.
  8. <aside>
    Represents content aside from the content it is placed in.
  9. <main>
    Represents the dominant content of the <body>.
  10. <figure>
    Represents any content that is referenced from the main content (e.g., images, diagrams).
  11. <figcaption>
    Defines a caption for a <figure> element.

New HTML5 Elements

  1. <data>
    Links content with a machine-readable translation.
  2. <time>
    Represents a specific period in time.
  3. <progress>
    Represents the progress of a task.
  4. <meter>
    Represents a scalar value within a known range.
  5. <details>
    Defines additional details that the user can view or hide.
  6. <summary>
    Defines a heading for a <details> element.
  7. <dialog>
    Represents a dialog box or other interactive component.

Deprecated and Obsolete Elements

Some elements have been deprecated or are obsolete in HTML5:

  • <font>
    Use CSS for styling text.
  • <center>
    Use CSS for centering content.
  • <u>
    Use CSS text-decoration for underlining text.

This list covers the most commonly used HTML elements, including those introduced with HTML5.

What are your Feelings

Leave a Reply