Test-Adiba

25+ HTML Tags – Complete Reference

📚 1. Basic Document Structure

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My Page</title>
  </head>
  <body>Content here</body>
</html>
Live Demo: This entire page uses these tags!
!DOCTYPE tells browser this is HTML5
html is root element
head contains metadata
body contains visible content

📝 2. Headings (h1-h6)

<h1>Main Title</h1>
<h2>Section</h2>
<h3>Subsection</h3>
<h4>Sub-sub</h4>

This is h1 (largest)

This is h2

This is h3

This is h4 (smaller)

📄 3. Paragraphs & Text (p, strong, em, br)

<p>Normal paragraph</p>
<p>Bold</strong> <em>Italic</em></p>
<p>Line 1<br>Line 2</p>

This is a normal paragraph with automatic spacing.

This is bold/important and this is emphasized/italic.

First line
Second line (line break)

🔗 4. Links (a)

<a href="https://google.com">Google</a>
<a href="#section1" target="_blank">New Tab</a>
🔗 Visit Google

🔗 W3Schools (New Tab)

🖼️ 5. Images (img)

<img src="image.jpg" alt="Description" width="200">
Sample image demo

Always include alt text for accessibility!

📋 6. Lists (ul, ol, li)

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>
Bullets (ul):
  • Apple
  • Banana
  • Orange
Numbers (ol):
  1. Step 1
  2. Step 2
  3. Step 3

📊 7. Tables (table, tr, th, td)

<table border="1">
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Rauf</td>
    <td>20</td>
  </tr>
</table>
Subject Grade
HTML A+
CSS A

📱 8. Forms (form, input, label, textarea, button, select)

📦 9. Divisions & Semantic (div, span, header, nav, main, footer)

Header Section

This is inline span inside main content.

This is a div container.

✅ Total: 25+ HTML Tags Demonstrated!

Copy this entire code → WordPress → Code Editor → Publish

Made for CSE student Rauf Siam | March 2026