<p>The p tag is used to create a paragraph.</p>

<h1>The h1 tag is used to create a level 1 heading.</h1>

<h2>The h2 tag is used to create a level 2 heading.</h2>

<h3>The h3 tag is used to create a level 3 heading.</h3>

<h4>The h4 tag is used to create a level 4 heading.</h4>

<h5>The h5 tag is used to create a level 5 heading.</h5>

<h6>The h6 tag is used to create a level 6 heading.</h6>

<br>The br tag is used to insert a line break. (No closing tag)

<hr>The hr tag is used to create a horizontal line. (No closing tag)

<strong>The strong tag is used to make text bold (important).</strong>

<em>The em tag is used to emphasize text (usually italic).</em>

<b>The b tag is used to make text bold (stylistic).</b>

<i>The i tag is used to make text italic (stylistic).</i>

<u>The u tag is used to underline text.</u>

<mark>The mark tag is used to highlight text.</mark>

<small>The small tag is used for smaller or fine-print text.</small>

<del>The del tag represents deleted text (usually shown with a line through).</del>

<ins>The ins tag represents inserted text (usually underlined).</ins>

_{The sub tag displays subscript text (example: H₂O).}

^{The sup tag displays superscript text (example: x²).}

<s>The s tag represents text that is no longer accurate or relevant.</s>

<pre>The pre tag displays preformatted text. Spaces and line breaks are preserved.</pre>

<code>The code tag is used to display code (inline).</code>

<kbd>The kbd tag represents keyboard input.</kbd>

<samp>The samp tag represents sample program output.</samp>

<var>The var tag represents a variable.</var>

<blockquote>The blockquote tag is used for long quotations.</blockquote>

<q>The q tag is used for short inline quotations.</q>

<cite>The cite tag is used to reference the title of a work.</cite>

<abbr title="HyperText Markup Language">The abbr tag is used for abbreviations.</abbr>

<data value="123">The data tag links visible content with machine-readable data.</data>

<time datetime="2026-02-12">The time tag is used to represent dates and times.</time>

<bdi>The bdi tag isolates text for bidirectional text formatting.</bdi>

<bdo dir="rtl">The bdo tag overrides text direction.</bdo>

<wbr>The wbr tag suggests a word break opportunity. (No closing tag)

<a href="#">The a tag is used to create a hyperlink.</a>

<img src="image.jpg" alt="Image">The img tag is used to display an image. (No closing tag)

<picture>The picture tag provides multiple image sources for responsiveness.</picture>

<source srcset="image.webp" type="image/webp">The source tag provides an alternative media source. (No closing tag)

<audio controls src="audio.mp3">The audio tag is used to embed sound content.</audio>

<video controls src="video.mp4">The video tag is used to embed video content.</video>

<track kind="subtitles" src="subtitles.vtt">The track tag provides subtitles/captions for media. (No closing tag)

<canvas width="300" height="150">The canvas tag is used to draw graphics with JavaScript.</canvas>

<svg width="100" height="100">The svg tag is used to display vector graphics.</svg>

<iframe src="page.html">The iframe tag is used to embed another webpage.</iframe>

<embed src="file.pdf">The embed tag is used to embed external content. (No closing tag)

<object data="file.pdf">The object tag is used to embed external resources.</object>

<param name="autoplay" value="true">The param tag defines parameters for an object. (No closing tag)

<map name="imagemap">The map tag is used to define an image map.</map>

<area shape="rect" coords="0,0,50,50" href="#">The area tag defines a clickable area inside an image map. (No closing tag)

<ul>The ul tag is used to create an unordered (bulleted) list.</ul>

<ol>The ol tag is used to create an ordered (numbered) list.</ol>

<li>The li tag is used to create a list item (must be inside ul/ol).</li>

<div>The div tag is used to group block-level elements.</div>

<span>The span tag is used to group inline elements.</span>

<header>The header tag is used to define introductory content or a group of navigational links.</header>

<nav>The nav tag is used to define a section of navigation links.</nav>

<main>The main tag is used to define the main content of a document.</main>

<footer>The footer tag is used to define footer content (author, copyright, links).</footer>

<section>The section tag groups related content under one topic (usually with a heading). Example topics: Services, Features, FAQ, Contact.</section>

<article>The article tag defines independent, self-contained content (like a blog post/news story).</article>

<aside>The aside tag is used for content related to the main content (sidebar, tips, related links).</aside>

<figure>The figure tag groups media content with a caption.</figure>

<figcaption>The figcaption tag adds a caption to a figure.</figcaption>

<form>The form tag is used to create a form.</form>

<input type="text">The input tag is used to create input fields. (No closing tag)

<button>The button tag is used to create a clickable button.</button>

<label>The label tag is used to label form elements.</label>

<textarea>The textarea tag is used to create a multi-line text input.</textarea>

<fieldset>The fieldset tag groups related form controls.</fieldset>

<legend>The legend tag provides a caption for a fieldset.</legend>

<select>The select tag creates a dropdown list.</select>

<optgroup>The optgroup tag groups options inside a select list.</optgroup>

<option>The option tag defines a selectable option.</option>

<datalist>The datalist tag provides autocomplete options for inputs.</datalist>

<output>The output tag displays calculation results.</output>

<table>The table tag creates a table.</table>

<caption>The caption tag defines a table title.</caption>

<thead>The thead tag groups table header rows.</thead>

<tbody>The tbody tag groups the main table content.</tbody>

<tfoot>The tfoot tag groups table footer rows.</tfoot>

<tr>The tr tag defines a table row.</tr>

<th>The th tag defines a table header cell.</th>

<td>The td tag defines a table cell.</td>

<colgroup>The colgroup tag groups table columns.</colgroup>

<col>The col tag defines column properties. (No closing tag)

<details>The details tag creates expandable/collapsible content.</details>

<summary>The summary tag is the clickable title for details.</summary>

<dialog open>The dialog tag is used to create a dialog box or popup.</dialog>

<progress value="50" max="100">The progress tag shows task progress.</progress>

<meter value="0.6">The meter tag represents a measurement within a range.</meter>

<!doctype html>The doctype tells the browser you are using HTML5.

<html>The html tag is the root element of an HTML document.</html>

<head>The head tag contains metadata (title, styles, scripts, SEO).</head>

<title>The title tag defines the browser tab title.</title>

<meta charset="utf-8">The meta tag provides metadata like charset and viewport. (No closing tag)

<link rel="stylesheet" href="styles.css">The link tag connects external resources like CSS files. (No closing tag)

<base href="https://example.com/">The base tag sets the base URL for relative links. (No closing tag)

<style>The style tag is used to write CSS inside the HTML document.</style>

<body>The body tag contains all visible webpage content.</body>

<script>The script tag is used to include JavaScript.</script>

<noscript>The noscript tag is shown when JavaScript is disabled.</noscript>

<template>The template tag holds HTML that is not displayed until used by JavaScript.</template>

<slot>The slot tag defines a placeholder in web components.</slot>

<portal src="page.html">The portal tag is used to embed another page for navigation (limited support).</portal>

<address>The address tag is used to define contact information.</address>