List of HTML Tags and their uses PDF

Here is the List of 50+ HTML tags with an Example

HTML Doctype Tag

Defines the document type.

<!DOCTYPE html>

HTML Anchor Tag

Defines a hyperlink.

<a> </a>

HTML Address Tag

The <address> tag is used to define contact information for the author or owner of a document.

<address> </address>

HTML Article Tag

Represents an independent, self-contained piece of content within a document.

<article> </article>

HTML Aside Tag

Defines content that is tangentially related to the main content.

<aside> </aside>

HTML Audio Tag

Embeds audio content, allowing you to play audio files on a web page.

<audio> </audio>

HTML Bold Tag

Renders the enclosed text in bold.

<b> </b>

HTML BlockQuote Tag

Indicates a section of quoted content from another source.

<blockquote> </blockquote>

HTML Body Tag

Contains the main content of an HTML document.

<body> </body>

HTML Button Tag

Represents a clickable button.

<button> </button>

HTML Break Tag

It is used for line break and create a new line without creating a new paragraph.

<br>

HTML Canvas Tag

<canvas> provides a drawing surface for dynamic graphics and animations.

<canvas> </canvas>

HTML Code Tag

Defines a piece of computer code.

<code> </code>

HTML Datalist Tag

Defines a set of predefined options for an <input> element.

<datalist> </datalist>

HTML Details Tag

Creates a disclosure widget that can be opened or closed to reveal additional content.

<details> </details>

HTML Dialog Tag

Represents a dialog box or modal window.

<dialog> </dialog>

HTML Div Tag

Defines a division or section within a document.

<div> </div>

HTML Em Tag

Renders the enclosed text in italics, indicating emphasis.

<em> </em>

HTML Fieldset Tag

Groups related form elements together and provide a visual representation.

<fieldset> </fieldset>

HTML Figcaption Tag

Represents a caption or legend for an <figure> element.

<figcaption> </figcaption>

HTML Figure Tag

Represents self-contained content, such as images, diagrams, or code snippets.

<figure> </figure>

HTML Footer Tag

Defines the footer section of a document or a section.

<footer> </footer>

HTML Form Tag

Creates a form for gathering user input.

<form> </form>

HTML h1 to h6 Tag

Headings of different levels, where <h1> is the highest and <h6> is the lowest heading in HTML.

<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>

HTML Head Tag

Contains meta-information about the HTML document, such as the title and link to external stylesheets.

<head> </head>

HTML Header Tag

Represents the introductory content or a container for the header of a document or a section.

<header> </header>

HTML Tag

Represents the root element of an HTML document.

<html> </html>

HTML I Tag

Renders the enclosed text in italics.

<i> </i>

HTML iframe Tag

Embeds an external web page or document within the current HTML document.

<iframe> </iframe>

HTML Image Tag

Inserts an image into the web page.

<image> </image>

HTML Input Tag

Represents an input control, such as a text field or checkbox.

<input> </input>

HTML Label Tag

Defines a label for an <input> element, providing a text description for the associated control.

<label> </label>

HTML Legend Tag

Provides a caption or title for a <fieldset> element.

<legend> </legend>

HTML List Tag

Represents a list item within an ordered or unordered list.

<li> </li>

HTML Link Tag

Defines a link to an external resource, such as a CSS stylesheet or an icon.

<link>

HTML Main Tag

Specifies the main content of a document, excluding headers, footers, and sidebars.

<main> </main>

HTML Mark Tag

Highlights or marks specific text within the document.

<mark> </mark>

HTML Meta Tag

Provides metadata about the HTML document, such as character encoding or page description.

<meta> </meta>

HTML Meter Tag

Represents a scalar measurement within a known range.

<meter> </meter>

HTML Nav Tag

Defines a section of navigation links.

<nav> </nav>

HTML ol Tag

Creates an ordered list.

<ol> </ol>

HTML Option Tag

Represents an option within a <select> dropdown or <datalist> control.

<option> </option>

HTML Paragraph Tag

Used to create a paragraph.

<p> </p>

HTML Pre Tag

Used to define preformatted text.

<pre> </pre>

HTML Progress Tag

The <progress> tag in HTML is used to represent the progress of a task or process.

<progress> </progress>

HTML q Tag

The <q> tag in HTML is used to indicate a short inline quotation.

<q> </q>

HTML s Tag

Defines strikethrough text.

<s> </s>

HTML Script Tag

The <script> tag is used to embed or reference external JavaScript code within an HTML document.

<script> </script>

HTML Section Tag

Defines a section within a document.

<section> </section>

HTML Select Tag

Defines a dropdown list.

<select> </select>

HTML Small Tag

The <small> tag is used to indicate smaller text, often used for disclaimers, and copyright.

<small> </small>

HTML Span Tag

Defines a span or an inline element.

<span> </span>

HTML Table Tag

Defines a table.

<table> </table>

HTML tr Tag

Defines a table row.

<tr> </tr>

HTML td Tag

Defines a table cell.

<td> </td>

HTML th Tag

Defines a table header cell.

<th> </th>

HTML Title Tag

Defines the title of the HTML page.

<title> </title>

HTML Textarea Tag

Defines a multiline text input control.

<textarea> </textarea>

HTML Time Tag

Represents a specific time or DateTime.

<time> </time>

HTML ul Tag

Creates an unordered list.

<ul> </ul>

HTML video Tag

Embeds video content in a document.

<video> </video>