List of Common and Essential HTML Tags, Categorized for Easier Understanding

Kasomi

JT Founder
Here's a list of common and essential HTML tags, categorized for easier understanding:

Basic Structure Tags:
  • <html>: The root element of an HTML page.
  • <head>: Contains metadata about the document (title, links, etc.).
  • <body>: Contains the visible content of the page.
  • <title>: Specifies the title of the document, displayed in the browser tab.
  • <!DOCTYPE html>: Declares the document type as HTML5.
Content Tags:
  • <p>: Defines a paragraph.
  • <h1> to <h6>: Defines headings (level 1 to 6).
  • <a>: Defines a hyperlink.
  • <img>: Embeds an image.
  • <br>: Inserts a single line break.
  • <div>: Defines a division or section in a document.
  • <span>: Defines a span of text, often used for styling.
  • <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>: Describes the term in a description list.

Text Formatting Tags:
  • <b>: Makes text bold.
  • <i>: Makes text italic.
  • <strong>: Emphasizes text (often displayed as bold).
  • <em>: Emphasizes text (often displayed as italic).
  • <small>: Defines smaller text.
  • <mark>: Defines marked/highlighted text.
  • <ins>: Defines inserted text.
  • <del>: Defines deleted text.
  • <u>: Underlines text.

List Tags:
  • <ol>: Defines an ordered list (numbered).
  • <ul>: Defines an unordered list (bulleted).
  • <li>: Defines a list item.
  • <dl>: Defines a description list.
  • <dt>: Defines a term in a description list.
  • <dd>: Describes the term in a description list.

Link and Navigation Tags:
  • <a>: Defines a hyperlink.
  • <nav>: Specifies a container for navigation links.
  • <address>: Specifies contact information for the author or owner of a document.

Image and Multimedia Tags:
•<img>: Embeds an image in an HTML page

Other Important Tags:
  • <header>: Introduces the content of a page or section.
  • <nav>: Defines navigation links.
  • <article>: Defines an article.
  • <aside>: Defines content aside from the main content.
  • <footer>: Defines the footer of a page or section.
  • <main>: Specifies the main content of a document.
  • <section>: Defines a section in a document.
  • <address>: Provides contact information for the author/owner of a document.
  • <form>: Defines an HTML form for user input.
  • <input>: Defines an input field.
  • <button>: Defines a button.
  • <select>: Defines a dropdown list.
  • <textarea>: Defines a multi-line text input control.
  • <table>: Defines an HTML table.
  • <tr>: Defines a row in a table.
  • <th>: Defines a table header cell.
  • <td>: Defines a table data cell.
  • <colgroup>: Specifies a group of one or more columns in a table for formatting.
  • <map>: Defines an image map.
  • <param>: Defines a parameter for an object.
  • <object>: Defines an embedded object.
a comprehensive list of html tags for web development.png
 
Back
Top