All HTML TAGs “ Html tags by Ritesh Kumar Mishra “
1. Basic Structure Tags
Tag Description Example
Declares the
<!DOCTYPE> document <!DOCTYPE html>
type
<html> Root element <html lang="en"> ... </html>
Contains
<head> <head><title>Page</title></head>
metadata
Sets the page
<title> <title>My Page</title>
title
Document
<body> <body>...</body>
content
2. Head Metadata Tags
Tag Description Example
<meta> Metadata (e.g., charset) <meta charset="UTF-8">
<link> External resources <link rel="stylesheet" href="style.css">
<style> Internal CSS <style>p { color: red; }</style>
<script> JavaScript code <script src="script.js"></script>
3. Text Formatting Tags
Tag Description Example
<h1> to <h6> Headings <h1>Main Title</h1>
<p> Paragraph <p>This is a paragraph.</p>
<br> Line break Line 1<br>Line 2
<hr> Horizontal line <hr>
<strong> Bold importance <strong>Important</strong>
<em> Italic emphasis <em>Note</em>
<b> Bold text <b>Bold</b>
<i> Italic text <i>Italic</i>
<u> Underlined text <u>Underlined</u>
<small> Smaller text <small>Note</small>
<mark> Highlighted text <mark>Highlight</mark>
<sup> Superscript x<sup>2</sup>
<sub> Subscript H<sub>2</sub>O
<pre> Preformatted text <pre> Indented text</pre>
<code> Code snippet <code>console.log()</code>
4. Grouping Tags
Tag Description Example
<div> Block container <div>Block content</div>
<span> Inline container <span>Inline text</span>
5. List Tags
Tag Descriptin Example
Unordered
<ul> <ul><li>Item</li></ul>
list
Ordered
<ol> <ol><li>First</li></ol>
list
<li> List item <li>Item</li>
Descriptio <dl><dt>Term</dt><dd>Definition</dd></dl
<dl>
n list >
Definition
<dt> <dt>HTML</dt>
term
<dd Descriptio
<dd>HyperText Markup Language</dd>
> n
6. Link & Media Tags
Tag Description Example
<a
<a> Hyperlink
href="https://example.com">Link</a>
<img> Image <img src="img.jpg" alt="Image">
Audio <audio controls><source
<audio>
player src="audio.mp3"></audio>
Video <video controls><source
<video>
player src="video.mp4"></video>
Media <source src="media.mp4"
<source>
source type="video/mp4">
Embed <iframe
<iframe>
webpage src="https://example.com"></iframe>
7. Table Tags
Tag Description Example
Table
<table> <table>...</table>
container
<tr> Table row <tr><td>Data</td></tr>
<td> Table data <td>Cell</td>
<th> Table header <th>Header</th>
<thead> Head section <thead><tr>...</tr></thead>
<tbody> Body section <tbody><tr>...</tr></tbody>
Footer
<tfoot> <tfoot><tr>...</tr></tfoot>
section
<caption> Table caption <caption>Table Title</caption>
<colgroup><col
<colgroup> Column group
span="2"></colgroup>
Column <col span="1" style="background-
<col>
properties color:yellow">
8. Form Tags
Tag Description Example
Form
<form> <form action="/submit"></form>
container
<input> Input field <input type="text">
<label> Input label <label for="name">Name</label>
<textarea> Text area <textarea></textarea>
Clickable
<button> <button>Submit</button>
button
<select> Dropdown list <select><option>One</option></select>
<option> Select option <option value="1">One</option>
Group form
<fieldset> <fieldset><legend>Info</legend></fieldset>
fields
Caption for
<legend> <legend>Personal Info</legend>
fieldset
9. Semantic Tags (HTML5)
Descripti
Tag Example
on
Header
<header> <header>Site Title</header>
section
Footer
<footer> <footer>Copyright</footer>
section
Navigatio
<nav> <nav><a href="#">Home</a></nav>
n links
Main
<main> <main>Content</main>
content
<article> Article <article><h2>News</h2></article>
<section> Section <section><h3>Part</h3></section>
<aside> Sidebar <aside>Related links</aside>
Figure <figure><img
<figure> with src="img.jpg"><figcaption>Caption</figcaption>
caption </figure>
<figcaptio Caption
<figcaption>Image caption</figcaption>
n> for figure
Expandab <details><summary>More</summary><p>Extra
<details>
le section info</p></details>
Summary
<summar
for <summary>Click to expand</summary>
y>
details
Date/tim
<time> <time datetime="2025-07-21">Today</time>
e
10. Miscellaneous Tags
Tag Description Example
Draw
<canvas> <canvas id="myCanvas"></canvas>
graphics
Scalable
<svg><circle cx="50" cy="50"
<svg> vector
r="40"/></svg>
graphics
Fallback if
<noscript> <noscript>Enable JS!</noscript>
JS disabled
<template HTML <template><p>Hidden</p></templat
> template e>
Web
component
<slot> <slot></slot>
s
placeholder
“ Html tags by Ritesh Kumar Mishra “
