HTML Overview

Introdcution

आज के समय में Internet पर जितनी भी websites हम देखते हैं — चाहे वो Google हो, Facebook हो या कोई simple blog — इन सभी की शुरुआत HTML से ही होती है।
HTML का पूरा नाम HyperText Markup Language है, और यह web development की सबसे पहली और जरूरी language मानी जाती है।

HTML का उपयोग web pages की structure (ढांचा) बनाने के लिए किया जाता है।
यह हमें यह बताने में मदद करता है कि page में कौन सा content कहाँ और कैसे दिखेगा — जैसे heading, paragraph, image, link, table आदि।

यह ध्यान रखना जरूरी है कि HTML कोई programming language नहीं है, बल्कि यह एक markup language है।
इसका मतलब है कि यह tags का उपयोग करके content को define और structure करती है।

HTML क्या है?

HTML एक ऐसी language है जो web browser को यह बताती है कि किसी web page को कैसे display करना है।
जब हम HTML code लिखते हैं, तो browser उसे पढ़कर एक proper formatted page के रूप में दिखाता है।

सरल शब्दों में:
HTML = Web Page की हड्डियाँ (Structure)

HyperText और Markup का मतलब

HyperText

HyperText का मतलब होता है ऐसा text जिसमें links (hyperlinks) होते हैं, जिन पर click करके हम एक page से दूसरे page पर जा सकते हैं।

Example:
जब आप किसी website पर “Click Here” पर click करते हो और दूसरा page खुल जाता है — यह HyperText है।

Markup Language

Markup Language का मतलब है कि हम tags का उपयोग करके text को structure और format करते हैं।

Example:

<h1>This is Heading</h1>
<p>This is paragraph</p>What is this?

यहाँ <h1> और <p> tags content को define कर रहे हैं।

HTML क्यों जरूरी है?

HTML के बिना कोई भी web page बन ही नहीं सकता।
यह web development का foundation है।

Reasons:

हर website HTML से शुरू होती है
SEO (Search Engine Optimization) में मदद करता है
Browser HTML को आसानी से समझते हैं
यह अन्य technologies (CSS, JavaScript) के साथ काम करता है

HTML की Basic Structure (Detailed)

हर HTML document एक fixed structure follow करता है:

<!DOCTYPE html>
<html>
<head>
    <title>My Web Page</title>
</head>
<body>
    <h1>Welcome</h1>
    <p>This is HTML page</p>
</body>
</html>What is this?

अब इसे detail में समझते हैं:

<!DOCTYPE html>
यह browser को बताता है कि हम HTML5 version use कर रहे हैं
<html>
पूरा document इसी tag के अंदर रहता है
<head>
इसमें page की invisible information होती है
(जैसे title, meta tags)
<title>
यह browser tab में दिखता है
<body>
यह सबसे important part है — यहीं पर पूरा visible content होता है

HTML कैसे काम करता है (Working Process)

HTML का working बहुत simple step-by-step process में होता है:

Developer HTML code लिखता है
File को .html extension में save करता है
Browser उस file को open करता है
Browser HTML tags को पढ़ता है
Output screen पर web page के रूप में दिखता है

Browser एक translator की तरह काम करता है

HTML की विशेषताएँ (Features in Detail)

Simple & Easy → Beginners के लिए सबसे आसान language
Platform Independent → किसी भी OS (Windows, Linux) पर काम करता है
Tag-Based Language → Tags के माध्यम से structure define होता है
No Compilation Needed → Direct browser में run होता है
Flexible → CSS और JavaScript के साथ मिलकर powerful बनता है

HTML के उपयोग (Applications)

Websites बनाने में
Forms create करने में
Images और videos जोड़ने में
Tables और data display करने में
Navigation (links) बनाने में

Real-Life Example

मान लो आप एक घर बना रहे हो:

HTML = घर की structure (दीवार, कमरे)
CSS = घर की decoration
JavaScript = घर की smart features

यानी HTML के बिना website का अस्तित्व ही नहीं है

Exam Point of View

HTML का full form बहुत important है
Basic structure अक्सर पूछा जाता है
Tags की understanding जरूरी है
Practical में simple webpage बनाना आता है