HTML Introduction

1. HTML क्या है? (What is HTML?)

HTML का मतलब होता है HyperText Markup Language —
यह एक markup language है जो किसी webpage की structure (ढांचा) को define करती है।
सीधे शब्दों में कहें तो –

HTML वो language है जिससे आप किसी webpage का skeleton (ढांचा) बनाते हो।

जैसे किसी घर को बनाने से पहले उसकी ईंटें और दीवारें लगती हैं,
उसी तरह किसी वेबसाइट को बनाने के लिए HTML से उसका basic structure तैयार किया जाता है।

HTML सिर्फ structure देता है — design या color नहीं, वो काम CSS करती है। और functionality यानी actions (click, move, popup आदि) — वो काम JavaScript करती है।

2. HTML कैसे काम करती है?

HTML tags और elements के माध्यम से काम करती है।
हर webpage में कई सारे tags होते हैं —
जैसे <html>, <head>, <body>, <h1>, <p>, <img> इत्यादि।

जब आप कोई HTML file बनाते हो, तो browser (जैसे Chrome, Firefox) उसे पढ़ता है और उस structure को display कर देता है।

Example:

<!DOCTYPE html>
<html> 
<head> 
<title>My First Webpage</title> 
</head> 
<body> 
<h1>Welcome to My Website!</h1> 
<p>This is my first HTML page.</p>
</body> 
</html>

ऊपर के code में:

<html> टैग बताता है कि यह एक HTML document है।
<head> में पेज की background जानकारी होती है (जैसे title, meta data)।
<body> में असली content होता है जो user को दिखता है।

3. HTML क्यों सीखें?

HTML हर web developer के लिए पहला और सबसे जरूरी step है।
क्योंकि —

हर webpage की foundation HTML से होती है।
बिना HTML के आप website या web app नहीं बना सकते।
HTML सीखना बहुत आसान है — बस थोड़ी logic और practice चाहिए।

कुछ काम जो आप HTML से कर सकते हैं:

Text, Images, Links, Videos जोड़ना
Tables और Lists बनाना
Forms बनाकर Data Collect करना
Page Layout Design करना
Website का basic structure तैयार करना

4. HTML का इतिहास (History of HTML)

HTML को Tim Berners-Lee ने 1991 में बनाया था।
इसका पहला version बहुत simple था, जिसमें कुछ ही tags थे।
आज हम HTML5 version इस्तेमाल करते हैं, जो modern browsers में चलता है।
HTML5 में Video, Audio, Canvas, और Semantic tags जैसे powerful फीचर हैं।

5. HTML कैसे सीखी जाए?

HTML सीखने के लिए आपको सिर्फ एक चीज़ चाहिए — practice
आप किसी भी Text Editor में HTML कोड लिख सकते हैं — जैसे:

Notepad (Windows)
CodeKeet Coder (Online)
VS Code
Sublime Text
Atom

फिर file को .html extension से save करें — जैसे: index.html और फिर उस file को Chrome या किसी भी browser में खोलें।

6. HTML File Structure

हर HTML document का एक fixed structure होता है, जिसे "HTML Boilerplate" कहते हैं:

<!DOCTYPE html> 
<html lang="hi"> 
<head> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title>My Website</title> 
</head> 
<body> 
<h1>नमस्ते दुनिया!</h1> 
<p>यह मेरा पहला HTML पेज है।</p> 
</body> 
</html>

Explanation:

<!DOCTYPE html> → बताता है कि यह HTML5 document है।
<html> → पूरा HTML document।
<head> → पेज की hidden जानकारी (title, meta tags)।
<body> → असली content जो दिखेगा।

7. HTML की खासियतें (Features of HTML)

Simple & Easy to Learn
Platform Independent
Free & Open Source
Search Engine Friendly
Supports Multimedia (Images, Videos, Audio)
Integrates Easily with CSS & JavaScript

8. HTML कहाँ Use होती है?

HTML सिर्फ websites के लिए नहीं, बल्कि:

Web applications
Mobile web views
Email templates
Hybrid apps
Digital marketing landing pages
में भी use होती है।

9. HTML के Version

Version	Year	Description
HTML 1.0	1991	First release by Tim Berners-Lee
HTML 2.0	1995	Basic structure for websites
HTML 3.2	1997	Tables, Fonts introduced
HTML 4.01	1999	Frames, Styles, Scripting support
HTML5	2014	Multimedia, APIs, Semantic Elements

10. Quick Summary (संक्षेप में)

Point	Description
Full Form	HyperText Markup Language
Developer	Tim Berners-Lee
Purpose	Web Page Structure बनाना
File Extension	`.html` या `.htm`
Current Version	HTML5
Works With	CSS & JavaScript

Bonus Tip:

अगर आप web developer बनना चाहते हैं तो याद रखिए:

“HTML is the Skeleton, CSS is the Skin, and JavaScript is the Brain!”

HTML किसी भी website की नींव (foundation) है।

अगर आप HTML को अच्छे से समझ गए, तो web development की आधी journey आसान हो जाती है।

अब अगले lesson में हम सीखेंगे —
HTML Editors — यानी HTML को लिखने और चलाने के Tools कौन से हैं और उनका सही use कैसे करें।