SA-21/06, C-11, Asapur, Varanasi, UP support@kamaldnp.com +91 8318013442
HTML
1. HTML क्या है? शुरुआत से सीखें आसान हिंदी में 2. HTML लिखने के लिए सबसे अच्छे मुफ्त एडिटर 3. HTML की बुनियादी बनावट: doctype, head, body 4. HTML एलिमेंट क्या है? Tags और Empty Elements 5. HTML Attributes: href, src, alt, title की पूरी सूची 6. HTML Headings h1 से h6: कौन सी हेडिंग कब लगाएँ 7. HTML Paragraph: p Tag, br और pre का इस्तेमाल 8. HTML Style Attribute: रंग, फ़ॉन्ट साइज़ और अलाइनमेंट 9. HTML Formatting Tags: bold, italic, mark और भी 10. HTML Comments: नोट्स लिखना और कोड छिपाना 11. HTML Colors: नाम, HEX, RGB और HSL कलर कोड 12. HTML में CSS: Inline, Internal और External तरीका 13. HTML Links: a Tag, href, नया टैब और ईमेल लिंक 14. HTML Images: img Tag, src, alt और साइज़ 15. HTML Favicon: ब्राउज़र टैब का आइकन कैसे बनाएँ 16. HTML Title Tag: अच्छा पेज टाइटल कैसे लिखें 17. HTML Tables: टेबल बनाना — table, tr, th, td 18. HTML Lists: ul, ol, dl और Nested Lists 19. HTML Block vs Inline Elements में क्या अंतर है 20. HTML Div Tag: कंटेंट जोड़ना और लेआउट बनाना 21. HTML Class Attribute: कई Elements को एक स्टाइल 22. HTML id Attribute: Unique ID, लिंक, CSS, JavaScript 23. HTML Iframe: YouTube, मैप और पेज अंदर दिखाएँ 24. HTML में JavaScript: script Tag और पहला उदाहरण 25. HTML File Paths: Relative vs Absolute Path हिंदी में 26. HTML Head Element: title, meta, charset हिंदी में 27. HTML Layout: header, nav, main, footer की बनावट 28. HTML Responsive Design: हर स्क्रीन पर सही पेज 29. Semantic HTML Tags: मतलब वाले Tag और SEO 30. HTML Forms: input, label, select हिंदी में सीखें 31. HTML Entities क्या है? & < > © उदाहरण 32. HTML Audio और Video Tags: controls और Source 33. HTML Accessibility: alt Text, Label, ARIA क्या है 34. HTML Meta Tags और SEO की बुनियाद आसान भाषा में 35. HTML Quotations: blockquote, q, cite हिंदी में
अंतिम टेस्ट — सर्टिफिकेट ₹10
इस कोड को लाइव चलाएँ
पाठ 1, कुल 35 में

HTML क्या है? शुरुआत से सीखें आसान हिंदी में

3 मिनट पढ़ें · मुफ़्त · बिना लॉगिन

भाषा:

HTML का पूरा नाम HyperText Markup Language है। यह वेब पेज बनाने के लिए इस्तेमाल होने वाली मानक भाषा है। आप जो भी वेबसाइट खोलते हैं — Google, YouTube, kamaldnp.com — उसके मूल में HTML ही होता है।

Diagram — देखें, यह सब कैसे जुड़ता है
Infographic: वेब पेज HTML, CSS और JavaScript से कैसे बनता है

HTML कोई programming language नहीं है। यह एक markup भाषा है। इसका मतलब है कि इसमें आप logic या calculation नहीं लिखते। आप tags लिखते हैं जो browser को बताते हैं कि पेज का हर हिस्सा क्या है: यह एक heading है, यह एक paragraph है, यह एक तस्वीर है, यह एक link है।

वेब पेज कैसे काम करता है

जब आप कोई वेबसाइट का पता टाइप करते हैं, तो आपका browser server से वह पेज माँगता है। Server एक HTML file भेजता है। Browser उस file के tags को पढ़ता है और पेज को आपकी screen पर बना देता है — text, तस्वीरें, button, सब कुछ।

HTML दो और तकनीकों के साथ मिलकर काम करता है। CSS तय करता है कि पेज कैसा दिखेगा — रंग, font, जगह। JavaScript तय करता है कि पेज कैसे व्यवहार करेगा — click, animation और form। इस कोर्स में आप दोनों से बाद में मिलेंगे, लेकिन HTML हमेशा पहले आता है, क्योंकि वही पेज का ढाँचा है।

शुरू करने के लिए क्या चाहिए

आपको सिर्फ दो मुफ्त चीज़ें चाहिए: एक text editor (Windows पर Notepad, या VS Code) और एक web browser (जैसे Chrome)। Code लिखें, file को .html नाम से सहेजें, और browser में खोलें। बस, इतना ही। अभ्यास के लिए internet connection की ज़रूरत भी नहीं है।

Tip: इस कोर्स में हर पाठ में एक छोटा उदाहरण और उसके output की तस्वीर है। उदाहरण को सिर्फ पढ़ने के बजाय खुद टाइप करके देखें — tags ऐसे ही याद रहते हैं।

HTML असल में क्या है

HTML वह भाषा है जो वेब पेज को उसकी बनावट देती है। घर की तरह सोचें: HTML दीवारें, कमरे और दरवाज़े हैं। CSS रंग और फर्नीचर है। JavaScript बिजली और चलने-फिरने वाले हिस्से हैं। HTML के बिना कोई पेज ही नहीं है — सिर्फ एक खाली browser window है।

याद रखने की तरकीब: HTML = ढाँचा, CSS = सजावट, JavaScript = हरकत।

Syntax — सबसे छोटा पूरा पेज

हर HTML पेज एक ही ढाँचे पर चलता है। यह <!DOCTYPE html> से शुरू होता है, जो browser को बताता है कि यह एक आधुनिक HTML5 पेज है। फिर <html> आता है, जिसमें सब कुछ होता है। उसके अंदर दो हिस्से होते हैं: <head> पेज के बारे में जानकारी के लिए, और <body> उन सब चीज़ों के लिए जो आप screen पर देखते हैं।

<!DOCTYPE html>
<html>
<head><title>My page</title></head>
<body><h1>Hello</h1></body>
</html>
Note: पहली लाइन, <!DOCTYPE html>, कोई tag नहीं है — यह एक declaration है। यह file की सबसे पहली लाइन होनी चाहिए, उससे पहले कुछ नहीं, एक खाली लाइन भी नहीं।
Tip: Chrome में किसी भी पेज पर right-click करें और "View page source" चुनें। आपको किसी असली वेबसाइट का असली HTML दिखेगा। अपनी पसंदीदा साइट पर इसे आज़माएँ और उन tags को पहचानें जो आप पहले से जानते हैं।

याद रखें

  • HTML सिर्फ structure देता है — यह रंग या font तय नहीं करता। वह CSS का काम है।
  • HTML कोई programming language नहीं है, इसलिए इसमें variables या loops नहीं होते।
  • अपनी file को हमेशा .html नाम से सहेजें, नहीं तो browser उसे सादा text समझेगा।
  • एक file एक पेज होती है। एक वेबसाइट बस कई HTML files का समूह है, जो आपस में जुड़ी होती हैं।

उदाहरण

Example
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>

<h1>Hello, World!</h1>
<p>This is my first web page.</p>

</body>
</html>

परिणाम

परिणाम — ब्राउज़र में यह कैसा दिखता है
परिणाम: HTML क्या है? शुरुआत से सीखें आसान हिंदी में

खुद करके देखें — लाइव एडिटर

नीचे दिया गया कोड बदलें और चलाएँ दबाएँ — परिणाम तुरंत दिखेगा। कोई फाइल सहेजनी नहीं है, कोई लॉगिन नहीं चाहिए।

परिणाम

अक्सर पूछे जाने वाले सवाल

इस पाठ के बारे में सबसे ज़्यादा पूछे जाने वाले सवाल — सवाल पढ़ें, फिर खोलकर जवाब देखें।

1. HTML क्या है?

HTML का मतलब HyperText Markup Language है। यह वेब पेज बनाने की मानक भाषा है।

2. क्या HTML एक प्रोग्रामिंग भाषा है?

नहीं। HTML एक मार्कअप भाषा है। इसमें लॉजिक या गणना नहीं लिखी जाती, बल्कि टैग से ब्राउज़र को बताया जाता है कि पेज का हर हिस्सा क्या है।

3. HTML सीखने के लिए क्या-क्या चाहिए?

सिर्फ दो मुफ़्त चीज़ें चाहिए: एक टेक्स्ट एडिटर, जैसे Notepad या VS Code, और एक ब्राउज़र, जैसे Chrome। अभ्यास के लिए इंटरनेट की ज़रूरत नहीं है।

खुद को जाँचें — क्या समझ आया?

पाठ पढ़ लिया? अब 5 छोटे सवालों से खुद को जाँचें — जवाब तुरंत मिलेगा, और हर सवाल का कारण भी।

1. HTML का पूरा नाम क्या है?

HTML = HyperText Markup Language — वेब पेज बनाने के लिए इस्तेमाल होने वाली मानक भाषा।

2. क्या HTML एक programming language है?

HTML एक markup भाषा है — यह पेज की बनावट बताती है, logic या calculation नहीं।

3. HTML file की सबसे पहली लाइन कौन सी होनी चाहिए?

<!DOCTYPE html> एक declaration है, tag नहीं — यह file की सबसे पहली लाइन होनी चाहिए, उससे पहले कुछ नहीं।

4. घर वाली मिसाल में HTML क्या है?

HTML बनावट है (दीवारें, कमरे, दरवाज़े); CSS रंग और फर्नीचर है; JavaScript बिजली है।

5. HTML file का नाम किससे खत्म होना चाहिए?

हमेशा .html नाम से सहेजें, नहीं तो browser उसे सादा text समझेगा।

इंटरव्यू के सवाल — क्या आप जवाब दे पाएँगे?

पहले सवाल पढ़ें, अपने शब्दों में जवाब सोचें, फिर खोलकर देखें कि सही जवाब क्या है। इंटरव्यू में यही सवाल पूछे जाते हैं।

1. HTML क्या है?

HTML (HyperText Markup Language) वह मानक भाषा है जिससे वेब पेज बनाए जाते हैं। यह पेज की बनावट बताती है — हेडिंग, पैराग्राफ, लिंक, इमेज और फॉर्म। यह programming भाषा नहीं है; यह एक markup भाषा है।

2. क्या HTML एक programming भाषा है? क्यों या क्यों नहीं?

नहीं। Programming भाषा में logic होता है — variables, loops, conditions। HTML में यह सब नहीं होता। यह सिर्फ content को mark करती है ताकि browser जान सके उसे कैसे दिखाना है। वेब की programming भाषा JavaScript है, HTML नहीं।

3. HTML, CSS और JavaScript में क्या अंतर है?

HTML बनावट है (घर की दीवारें, कमरे, दरवाज़े), CSS सजावट है (रंग, फर्नीचर), और JavaScript हरकत है (बिजली, चलने-फिरने वाले हिस्से — जो बदलते हैं और जवाब देते हैं)।

खुद करके देखें — इसे बनाएँ

पढ़ना काफी नहीं — अब खुद बनाएँ। लाइव एडिटर में कोड लिखें, चलाकर देखें, और अटक जाएँ तो हिंट देखें। हल तभी खोलें जब खुद कोशिश कर लें।

1. अपना पहला पेज बनाएँ

एक पेज बनाएँ: title "My First Page" हो, <h1> में आपका नाम हो, और एक <p> में लिखें कि आप क्या सीखना चाहते हैं।

हिंट: <!DOCTYPE html> से शुरू करें, फिर <html>, <head> में <title>, और <body> में अपनी हेडिंग और पैराग्राफ।
लाइव एडिटर खोलें
हल देखें
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Rahul Verma</h1>
<p>I want to learn HTML and build my own website.</p>
</body>
</html>

खुद क्यों सीखें — AI से पूछने के बजाय?

AI आपके लिए कोड लिख सकता है, लेकिन वह आपके लिए सोच नहीं सकता। जब आप HTML खुद सीखते हैं, तो आपका दिमाग असली कौशल बनाता है: आप समझते हैं कि पेज ऐसा क्यों दिखता है, टूटने पर उसे ठीक कर सकते हैं, और परीक्षा या इंटरव्यू में बिना मदद के जवाब दे सकते हैं। यही कौशल नौकरी दिलाता है — कॉपी किया हुआ जवाब नहीं।

सर्टिफिकेट पाएँ — सिर्फ ₹10

सभी 35 पाठ पूरे करें, टेस्ट पास करें (80%), ₹10 दें और अपना सर्टिफिकेट पाएँ।

टेस्ट दें

देखकर सीखना पसंद है? वीडियो कोर्स में वही विषय एक-एक करके सिखाए जाते हैं।

Go further with a full course

Free tutorials teach you the basics. Our paid courses add live projects, mentorship and a certificate.

AI Power Skills in 2 Days | Learn AI Text, Image, Video and Voice Tools
View
Website Design Using WordPress 3 Days (Basic to Advanced)
₹199
View
Website Design & Development Workshop 2026
₹299
View
Browse all courses
HTML — Lessons
1. HTML क्या है? शुरुआत से सीखें आसान हिंदी में 2. HTML लिखने के लिए सबसे अच्छे मुफ्त एडिटर 3. HTML की बुनियादी बनावट: doctype, head, body 4. HTML एलिमेंट क्या है? Tags और Empty Elements 5. HTML Attributes: href, src, alt, title की पूरी सूची 6. HTML Headings h1 से h6: कौन सी हेडिंग कब लगाएँ 7. HTML Paragraph: p Tag, br और pre का इस्तेमाल 8. HTML Style Attribute: रंग, फ़ॉन्ट साइज़ और अलाइनमेंट 9. HTML Formatting Tags: bold, italic, mark और भी 10. HTML Comments: नोट्स लिखना और कोड छिपाना 11. HTML Colors: नाम, HEX, RGB और HSL कलर कोड 12. HTML में CSS: Inline, Internal और External तरीका 13. HTML Links: a Tag, href, नया टैब और ईमेल लिंक 14. HTML Images: img Tag, src, alt और साइज़ 15. HTML Favicon: ब्राउज़र टैब का आइकन कैसे बनाएँ 16. HTML Title Tag: अच्छा पेज टाइटल कैसे लिखें 17. HTML Tables: टेबल बनाना — table, tr, th, td 18. HTML Lists: ul, ol, dl और Nested Lists 19. HTML Block vs Inline Elements में क्या अंतर है 20. HTML Div Tag: कंटेंट जोड़ना और लेआउट बनाना 21. HTML Class Attribute: कई Elements को एक स्टाइल 22. HTML id Attribute: Unique ID, लिंक, CSS, JavaScript 23. HTML Iframe: YouTube, मैप और पेज अंदर दिखाएँ 24. HTML में JavaScript: script Tag और पहला उदाहरण 25. HTML File Paths: Relative vs Absolute Path हिंदी में 26. HTML Head Element: title, meta, charset हिंदी में 27. HTML Layout: header, nav, main, footer की बनावट 28. HTML Responsive Design: हर स्क्रीन पर सही पेज 29. Semantic HTML Tags: मतलब वाले Tag और SEO 30. HTML Forms: input, label, select हिंदी में सीखें 31. HTML Entities क्या है? & < > © उदाहरण 32. HTML Audio और Video Tags: controls और Source 33. HTML Accessibility: alt Text, Label, ARIA क्या है 34. HTML Meta Tags और SEO की बुनियाद आसान भाषा में 35. HTML Quotations: blockquote, q, cite हिंदी में
अंतिम टेस्ट — सर्टिफिकेट ₹10

🤖 KAMALDNP AI Assistant

Ask about courses, website & more

Hi! I'm KAMALDNP AI Assistant. Ask me about our courses, website features, or anything else! 😊
Please wait 5s...
🛡️ 7-Day Money-Back Guarantee
🤖 KAMALDNP Assistant ✕

Request human callback:

🔐 Login Required
✕

Download karne ke liye login karo. Login ke baad yahi page pe rahoge!

Naya ho? Register karo →