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
इस कोड को लाइव चलाएँ
पाठ 10, कुल 35 में

HTML Comments: नोट्स लिखना और कोड छिपाना

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

भाषा:

HTML comment एक note है जो आप अपने code में लिखते हैं और जिसे browser पूरी तरह नज़रअंदाज़ कर देता है। Visitor उसे कभी नहीं देखता। सिर्फ वह व्यक्ति देख सकता है जो आपके source code को पढ़ रहा हो।

Diagram — देखें, यह सब कैसे जुड़ता है
Infographic: HTML comments छिपे हुए notes होते हैं

Comment <!-- से शुरू होता है और --> पर खत्म होता है:

<!-- This is a comment -->

Comments क्यों इस्तेमाल करें?

  • अपने लिए notes: पेज के किसी मुश्किल हिस्से को समझाएँ ताकि भविष्य में आप खुद उसे समझ सकें।
  • अपनी team के लिए notes: <!-- Header starts here --> जैसे हिस्सों को चिह्नित करें ताकि दूसरे लोग चीज़ें जल्दी खोज सकें।
  • Code को कुछ समय के लिए छिपाना: किसी section को हटाने के बजाय comment कर दें, ताकि बाद में उसे वापस ला सकें।

याद रखने के नियम

Comments कई lines में फैल सकते हैं। लेकिन comment के अंदर कभी -- न डालें, क्योंकि browser समझेगा कि comment वहीं खत्म हो गया। और याद रखें: comments किसी को भी "View page source" से दिख जाते हैं, इसलिए comment में कभी password, secret key या निजी जानकारी न लिखें।

Tip: VS Code में कोई भी lines चुनें और Ctrl + / दबाएँ — वे तुरंत comment हो जाएँगी। दोबारा दबाएँ तो comment हट जाएगा।

Comment क्या होता है

HTML comment एक note है जो आप अपने लिए (या दूसरे developers के लिए) code के अंदर लिखते हैं। Browser उसे पूरी तरह छोड़ देता है — वह पेज पर कभी नहीं दिखता। Comment <!-- से शुरू होता है और --> पर खत्म होता है। इन दोनों निशानों के बीच की हर चीज़ comment है।

याद रखने की तरकीब: comment दिखता नहीं, पर काम बहुत आता है।

Syntax — कैसे लिखें

<!-- This is a comment. The browser ignores it. -->
<!--
  This comment runs over
  several lines.
-->
<h1>Hello</h1> <!-- a short note after the code -->

किसी code को कुछ समय के लिए बंद करने के लिए भी comment इस्तेमाल कर सकते हैं। किसी paragraph को हटाने के बजाय, जिसे बाद में ज़रूरत पड़ सकती है, उसे comment में लपेट दें — वह file में रहेगा लेकिन पेज से गायब हो जाएगा।

<!-- <p>This paragraph is hidden for now.</p> -->
Note: Comments पेज पर नहीं दिखते, लेकिन browser में "View page source" चुनकर कोई भी उन्हें देख सकता है। Comment में कभी password, निजी notes या कोई गुप्त बात न लिखें।
Tip: हर बड़े section की शुरुआत में एक छोटा comment लिखें — <!-- Header starts here -->, <!-- Footer starts here -->। जब पेज लंबा हो जाए, तो ये labels आपको कुछ ही सेकंड में अपनी जगह खोजने में मदद करते हैं।

आम गलतियाँ

  • Comment के अंदर -- डालना — browser comment को जल्दी खत्म समझ सकता है और टूटा हुआ code दिखा सकता है।
  • एक comment के अंदर दूसरा comment लिखना — HTML में nested comments नहीं चलते।
  • पूरे हो चुके पेज में पुराने, comment किए हुए दर्जनों blocks छोड़ देना — जिसकी ज़रूरत नहीं, उसे हटा दें।
  • Comment बंद करना भूल जाना — उसके बाद की हर चीज़ पेज से तब तक गायब रहेगी जब तक अगला --> न आए।

उदाहरण

Example
<!DOCTYPE html>
<html>
<head>
<title>Comments</title>
</head>
<body>

<!-- This heading is the page title -->
<h1>Welcome</h1>
<!-- <p>This paragraph is hidden and will not show.</p> -->
<p>This paragraph is visible.</p>

</body>
</html>

परिणाम

परिणाम — ब्राउज़र में यह कैसा दिखता है
परिणाम: HTML Comments: नोट्स लिखना और कोड छिपाना

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

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

परिणाम

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

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

1. HTML कमेंट क्या होता है?

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

2. HTML में कमेंट कैसे लिखते हैं?

कमेंट लेस-दैन चिह्न, विस्मयादिबोधक चिह्न और दो हाइफ़न से शुरू होता है, और दो हाइफ़न व ग्रेटर-दैन चिह्न से खत्म होता है।

3. क्या कमेंट में पासवर्ड लिख सकते हैं?

नहीं। कमेंट पेज पर नहीं दिखता, लेकिन पेज सोर्स देखने वाला कोई भी इसे देख सकता है। कमेंट में कभी पासवर्ड या गुप्त जानकारी न लिखें।

खुद क्यों सीखें — 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.

Advanced Cyber Security Industrial Training
₹5,000
View
Core Python Programming – 3 Month Complete Course
₹700
View
Website Design Using WordPress 3 Days (Basic to Advanced)
₹199
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 →