HTML Tags Reference — Professional Guide

Author: Muhammad Umar | Generated:

1. Basic Structure

Standard HTML5 page skeleton
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Page</title>
</head>
<body>
  <h1>Hello HTML</h1>
</body>
</html>

2. Text & Formatting

Headings, paragraphs, and inline formatting
<h1>Main Heading</h1>
<h2>Sub Heading</h2>
<p>This is a paragraph.</p>
<b>Bold</b> <i>Italic</i> <u>Underline</u>
<strong>Important</strong> <em>Emphasis</em>
<mark>Highlighted</mark> <small>Small Text</small>
<sub>H<sub>2</sub>O</sub> and <sup>x<sup>2</sup></sup>

4. Images & Media

<img src="https://via.placeholder.com/100" alt="Example">
<audio controls><source src="sample.mp3" type="audio/mpeg"></audio>
<video controls width="300"><source src="sample.mp4" type="video/mp4"></video>
<iframe src="https://example.com"></iframe>

5. Lists

<ul><li>Unordered 1</li><li>Unordered 2</li></ul>
<ol><li>Ordered 1</li><li>Ordered 2</li></ol>
<dl><dt>HTML</dt><dd>HyperText Markup Language</dd></dl>

6. Tables

<table border="1">
<tr><th>Name</th><th>Age</th></tr>
<tr><td>Ali</td><td>20</td></tr>
</table>

7. Forms & Inputs

<form>
<input type="text" placeholder="Your Name">
<textarea>Message</textarea>
<button>Submit</button>
</form>

8. Semantic Elements

<header>Header</header>
<nav>Navigation</nav>
<section>Main Section</section>
<footer>Footer</footer>

9. Script & Templates

<script>document.write("Hello JS")</script>
<noscript>Enable JavaScript</noscript>
<template><p>Hidden Template</p></template>

10. Miscellaneous

<abbr title="World Health Organization">WHO</abbr>
<blockquote>Example quote</blockquote>
<pre>Preformatted text</pre>
<address>123 Web Street</address>

11. Deprecated

<marquee>Moving text</marquee>
<center>Centered</center>
<font color="red">Old font tag</font>