Here’s a comprehensive A to Z list of HTML tags. These tags are used to structure and format content on web pages. Note that some tags may be deprecated or obsolete in HTML5, so always check for current best practices.
Here is a complete A to Z list of all HTML tags in a table format with Tag, Description, and Syntax:
| Tag | Description | Syntax |
|---|---|---|
<a> | Defines a hyperlink. | <a href="URL">Link</a> |
<abbr> | Defines an abbreviation or acronym. | <abbr title="World Health Organization">WHO</abbr> |
<acronym> | (Obsolete) Was used for acronyms. | <acronym title="NASA">NASA</acronym> |
<address> | Defines contact information. | <address>123 Street, City</address> |
<applet> | (Obsolete) Was used to embed Java applets. | <applet code="example.class" width="300" height="300"></applet> |
<area> | Defines an area inside an image map. | <area shape="rect" coords="34,44,270,350" href="page.html"> |
<article> | Defines independent self-contained content. | <article>Content</article> |
<aside> | Defines content aside from the main content. | <aside>Sidebar content</aside> |
<audio> | Embeds an audio file. | <audio controls><source src="audio.mp3" type="audio/mpeg"></audio> |
<b> | Defines bold text. | <b>Bold text</b> |
<base> | Specifies the base URL for relative links. | <base href="https://example.com/"> |
<bdi> | Isolates text for bidirectional formatting. | <bdi>Arabic text</bdi> |
<bdo> | Overrides text direction. | <bdo dir="rtl">Text</bdo> |
<big> | (Obsolete) Made text larger. | <big>Big text</big> |
<blockquote> | Defines a section quoted from another source. | <blockquote>Quote</blockquote> |
<body> | Contains the visible page content. | <body>Content</body> |
<br> | Inserts a single line break. | <br> |
<button> | Defines a clickable button. | <button>Click me</button> |
<canvas> | Used for drawing graphics via JavaScript. | <canvas id="myCanvas"></canvas> |
<caption> | Defines a table caption. | <caption>Table Title</caption> |
<center> | (Obsolete) Center-aligns content. | <center>Centered text</center> |
<cite> | Defines the title of a creative work. | <cite>Book Title</cite> |
<code> | Defines a piece of computer code. | print("Hello") |
<col> | Specifies column properties in a table. | <col span="2" style="background-color: yellow;"> |
<colgroup> | Groups columns in a table. | <colgroup><col span="2"></colgroup> |
<data> | Links a value to content. | <data value="12345">Item</data> |
<datalist> | Defines a list of pre-defined options for an input. | <input list="browsers"><datalist id="browsers"><option value="Chrome"></option></datalist> |
<dd> | Defines a description in a description list. | <dd>Definition</dd> |
<del> | Defines deleted text. | <del>Deleted text</del> |
<details> | Creates a collapsible section. | <details><summary>More info</summary>Hidden content</details> |
<dfn> | Defines a definition term. | <dfn>Definition</dfn> |
<dialog> | Defines a dialog box or interactive element. | <dialog open>Popup content</dialog> |
<dir> | (Obsolete) Was used for directory lists. | <dir><li>Item</li></dir> |
<div> | Defines a division or section. | <div>Content</div> |
<dl> | Defines a description list. | <dl><dt>Term</dt><dd>Definition</dd></dl> |
<dt> | Defines a term in a description list. | <dt>Term</dt> |
<em> | Defines emphasized text (italic by default). | <em>Emphasized</em> |
<embed> | Embeds external content like a plugin. | <embed src="video.mp4" type="video/mp4"> |
<fieldset> | Groups related elements in a form. | <fieldset><legend>Title</legend></fieldset> |
<figcaption> | Defines a caption for a <figure>. | <figcaption>Caption</figcaption> |
<figure> | Groups media content with a caption. | <figure><img src="image.jpg"><figcaption>Image Caption</figcaption></figure> |
<footer> | Defines a footer for a section or page. | <footer>Footer Content</footer> |
<form> | Defines a form for user input. | <form action="/submit"><input type="text"></form> |
<h1> to <h6> | Defines headings (largest to smallest). | <h1>Heading</h1> |
<head> | Contains metadata about the document. | <head><title>Title</title></head> |
<header> | Defines a header section. | <header>Header Content</header> |
<hr> | Defines a thematic break (horizontal line). | <hr> |
<html> | Root element of an HTML document. | <html lang="en">...</html> |
<i> | Defines italic text. | <i>Italic text</i> |
<iframe> | Embeds another webpage. | <iframe src="page.html"></iframe> |
<img> | Embeds an image. | <img src="image.jpg" alt="Description"> |
<input> | Defines an input field. | <input type="text"> |
<ins> | Defines inserted text. | <ins>Inserted text</ins> |
<kbd> | Defines keyboard input. | <kbd>Ctrl + C</kbd> |
<label> | Defines a label for an input field. | <label for="name">Name</label> |
<legend> | Defines a caption for a <fieldset>. | <legend>Title</legend> |
<li> | Defines a list item. | <li>Item</li> |
<link> | Links an external stylesheet. | <link rel="stylesheet" href="style.css"> |
<main> | Defines the main content of a document. | <main>Main Content</main> |
<nav> | Defines navigation links. | <nav><a href="#">Home</a></nav> |
<noscript> | Alternative content for users without JavaScript. | <noscript>Enable JavaScript</noscript> |
<object> | Embeds an external resource. | <object data="file.pdf"></object> |
<ol> | Defines an ordered list. | <ol><li>Item 1</li></ol> |
<p> | Defines a paragraph. | <p>Paragraph</p> |
<table> | Defines a table. | <table><tr><td>Data</td></tr></table> |
<ul> | Defines an unordered list. | <ul><li>Item</li></ul> |