Basic Structure Tags
| Tag | Use (Kya karta hai?) |
|---|---|
<html> | Puri HTML document ka root tag |
<head> | Metadata (title, CSS, meta tags) ke liye |
<title> | Page ka title (browser tab mein dikhai deta hai) |
<body> | Jo content user ko dikhta hai, wo sab yahaan hota hai |
✅ Text Formatting Tags
| Tag | Use |
|---|---|
<h1> to <h6> | Headings (h1 = sabse bada, h6 = chhota) |
<p> | Paragraph |
<br> | Line break (nayi line mein le jaata hai) |
<hr> | Horizontal line (divider) |
<strong> | Bold (aur semantic importance bhi deta hai) |
<b> | Bold (sirf styling ke liye) |
<i> | Italic |
<em> | Emphasis (italic + meaning stress) |
<u> | Underline |
<span> | Inline container (styling ke liye useful) |
<div> | Block container (layout ke liye) |
✅ Links & Media Tags
| Tag | Use |
|---|---|
<a href=""> | Hyperlink banata hai |
<img src=""> | Image dikhata hai |
<video> | Video embed karta hai |
<audio> | Audio embed karta hai |
<iframe> | Doosri site/page embed karta hai (e.g., YouTube video) |
✅ List Tags
| Tag | Use |
|---|---|
<ul> | Unordered list (bullets) |
<ol> | Ordered list (numbered) |
<li> | List item (ul/ol ke andar use hota hai) |
<dl> | Definition list |
<dt> | Term |
<dd> | Definition |
✅ Table Tags
| Tag | Use |
|---|---|
<table> | Table banata hai |
<tr> | Table row |
<td> | Table data (cell) |
<th> | Table heading |
<thead> | Table head |
<tbody> | Table body |
<tfoot> | Table footer |
✅ Form Tags
| Tag | Use |
|---|---|
<form> | Form ka structure |
<input> | Text box, button, checkbox, etc. |
<label> | Input ka label |
<textarea> | Multi-line text box |
<select> | Dropdown menu |
<option> | Dropdown ke option |
<button> | Button |
✅ Meta & SEO Related Tags
| Tag | Use |
|---|---|
<meta> | Page ke metadata ke liye (description, charset, etc.) |
<link> | External CSS ya favicon ke liye |
<script> | JavaScript include karne ke liye |
<style> | CSS code likhne ke liye (inline ya internal) |
✅ Semantic Tags (SEO Friendly Tags)
| Tag | Use |
|---|---|
<header> | Page ya section ka heading area |
<nav> | Navigation links |
<main> | Page ka main content |
<section> | Logical section of content |
<article> | Independent content block (e.g., blog post) |
<aside> | Side content (like sidebar, ads) |
<footer> | Page ya section ka footer |
Comments
Post a Comment