🌐
Basics

HTML Kya Hai?

Introduction
💡 HTML ek ghar ka structure (kankaal) hai — deewarein kaha hain, kamre kaha hain, darwaze kaha hain. CSS baad mein us ghar ko rang-rogan karta hai (paint), JavaScript usme electricity/plumbing (behavior) daalta hai. HTML sabse pehle "kya cheez kaha hai" decide karta hai.

HTML (HyperText Markup Language) koi "programming language" nahi hai jaise C/Java/Python — ye ek "markup language" hai. Iska kaam logic likhna nahi, content ko STRUCTURE dena hai — "ye ek heading hai", "ye ek paragraph hai", "ye ek image hai".

Har website (chahe kitni bhi fancy dikhe) niche HTML se hi banti hai. Browser HTML file ko padhta hai aur usse ek "DOM" (Document Object Model) tree mein convert karta hai — phir usi tree ko screen par render karta hai.

HTML "tags" se bana hota hai — <tagname>content</tagname>. Ye tags browser ko batate hain content ka MATLAB kya hai (heading? list? image?), na ki wo kaisa DIKHEGA (uske liye CSS hai).

<!DOCTYPE html>
<html>
<head>
  <title>Meri Pehli Website</title>
</head>
<body>
  <h1>Hello, HTML!</h1>
  <p>Ye mera pehla paragraph hai.</p>
</body>
</html>
🌐
HTML ek ghar ka structure (kankaal) hai — deewarein kaha hain, kamre kaha hain, darwaze kaha hain. CSS baad mein us ghar ko rang-rogan karta hai (paint), JavaScript usme electricity/plumbing (behavior) daalta hai. HTML sabse pehle "kya cheez kaha hai" decide karta hai.
1 / 6
⚡ Quick Recap
  • HTML = markup language, structure define karta hai (logic nahi)
  • Har website ka foundation HTML se hi banta hai
  • Tags content ka "matlab" batate hain, uski styling nahi
On this page (2 subtopics)

HTML kai versions se guzra hai — HTML5 (2014 se standard) current, modern version hai jo audio/video/canvas jaise naye elements laaya, bina Flash jaisi third-party plugins ke. Aaj koi bhi nayi website HTML5 hi likhti hai.

<!DOCTYPE html>   <!-- ye simple declaration HTML5 ko signal karta hai -->
<!-- Purane HTML4 mein DOCTYPE bahut lamba, complex hota tha -->
💡Tip: HTML5 se pehle, audio/video dikhane ke liye Flash plugin zaroori hota tha — HTML5 ne <audio>/<video> tags diye, jisse web development bahut simpler ho gaya.

Kisi bhi website ka HTML dekhna chaho, browser mein right-click → "View Page Source" (ya Ctrl+U) — poora raw HTML dikh jaata hai. Developer Tools (F12) aur bhi powerful hai — live DOM inspect kar sakte ho, edit bhi kar sakte ho (temporarily).

<!-- Koi bhi website par try karo: -->
<!-- Right-click → "Inspect" ya "View Page Source" -->
<!-- Ye seekhne ka best tareeka hai — real websites ka HTML dekho -->
💡Tip: Developer Tools mein kiye gaye changes sirf tumhare browser mein temporarily dikhte hain — actual website change nahi hoti, refresh karte hi wapas normal ho jaata hai. Experiment karne ke liye bilkul safe hai.