क्या आप जानते हैं कि HTML & CSS कमेंट क्या है (What is CSS Comments in Hindi)? HTML और CSS में कमेंट का उपयोग कैसे करें? (How to Use CSS Comments in Hindi) यदि नहीं, तो यह ट्यूटोरियल आपके लिए है।
आपको पता ही है की CSS एक StyleSheet भाषा है जो HTML को style करता है। यानी की CSS आपके HTML documents को Style करता है जैसे की टेक्स्ट style कैसा होगा, color, border, margin और padding आदि। चीज़ आप CSS का उपयोग करके वेब पेज को design कर सकते है।
Table of Contents
Learn HTML & CSS Comments in Hindi
यदि आप अपने द्वारा लिखे गए HTML या CSS कोड को किसी ऐसे क्लाइंट या अन्य उपयोगकर्ता को भेजना चाहते हैं जो CSS और HTML नहीं जानता है, तो आपको निर्देश पुस्तिका देनी होगी की आप कहां किस कोड को किस लिए उपयोग किए है।
ताकि यूजर आपके कोड को आसानी से समझ सके, इसके लिए आपको HTML & CSS कमेंट का उपयोग करना होगा।
तो चलिए पहले CSS comments क्या होता है और इसका उपयोग कैसे करें विवरण में समझते है:
CSS कमेंट क्या है (What is CSS Comments in Hindi)?
Comments का अर्थ है: कमेंट के माध्यम से हम अपनी राय या प्रतिक्रिया देते हैं। और CSS comments में हम अपने सीएसएस कोड अन्य वेब डेवलपर या उपयोगकर्ता को निर्देश देने के लिए परिभाषित करते है।
यानी CSS कमेंट का उपयोग कोड में व्याख्यात्मक नोट्स जोड़ने या ब्राउज़र को स्टाइल शीट के विशिष्ट भागों की व्याख्या करने से रोकने के लिए किया जाता है। डिज़ाइन के अनुसार, कमेंट का किसी दस्तावेज़ के लेआउट पर कोई प्रभाव नहीं पड़ता है।
Comments पर दी हुई lines को Browser ignore कर देता है.
CSS Comments ब्राउज़र में प्रदर्शित नहीं होती हैं.
लेकिन वे आपके स्रोत कोड का दस्तावेज़ीकरण करने में सहायता कर सकती हैं।
Syntax of CSS Comments
/* ...... */
CSS Comments का उपयोग क्यों करें?
- यह आपके Stylesheet को आसानी से पठनीय और समझने योग्य बनाता है।
- इसका उपयोग करके आप Stylesheet को अलग-अलग Sections में बांट सकते है।
- एक वेब डिवेलपर CSS comments को नोट्स के रूप में उपयोग करते हैं जिससे बाद में आसानी से edit या update किया जा सके।
- CSS Comments देख के कोई भी CSS Code को आसानी से समझा सकता हैं।
मुझे आशा है कि अब आप समझ गए होंगे कि हमें अपनी Stylesheet में CSS comments का उपयोग क्यों करना चाहिए!
तो आइए अब जानते हैं की इसका इस्तेमाल Code editor में कैसे करें;
CSS Comments का उपयोग कैसे करें?
एक सीएसएस कमेंट <style> element के अंदर रखी जाती है, और /* से शुरू होती है और */ के साथ समाप्त होती है।
आपके Stylesheet (यानी की CSS कोड) में CSS comments उपयोग करने के लिए comments का Open ओर closing टैग का उपयोग करना होगा, कुछ इस तरह:
उदाहरण:
/* Center text comment (आप यहां कुछ भी लिख सकते है) */
text-align: center;
Comments single या multiple लाइन स्टेटमेंट होती हैं और “/* …. */” इनके भीतर लिखी जाती हैं।
Single line
आप कोड में जहां चाहें वहां comments जोड़ सकते हैं, जैसे कि:
text-align: center; /* Center text */
p {
color: red; /* Set text color to red */
}
ये था कुछ Single line CSS Comment लिखने का तरीका।
Multiple lines
आप Multiple lines की भी comments भी दे सकते है कुछ इस तरह:
/* This is a multi-line comment */ text-align: center;
इस तरह आप किसी भी जगह पर multiple lines की comments दे सकते है।
HTML Comments in Hindi
HTML कमेंट का उपयोग कोड में व्याख्यात्मक नोट्स के लिए या ब्राउज़र को HTML Document के विशिष्ट भागों की प्रदर्शन करने से रोकने के लिए किया जाता है।
यानी की HTML Comments का उपयोग करने से कोड को पठनीय और समझने योग्य बनाता है।
- CSS की तरह HTML Comments को भी Browser ignore करता है और ब्राउज़र में प्रदर्शित नहीं होती हैं।
- इसका उपयोग बाद में modification आदि के लिए भी किया जा सकता है।
Syntax of HTML Comments:
<!-- ...... -->
HTML Comments लिखने का तरीका:
HTML में single या multiple lines की comments दे सकते हैं। HTML comments <!-- से शुरू होती है और --> के साथ समाप्त होती है:
<!-- Paragraphs --> <p>Hello World! <br> This is a paragraph.</p>
मुझे उम्मीद है कि अब आप समझ गए होंगे कि HTML और CSS comments का उपयोग क्यों और कैसे करें।
Completely FREE HTML Course in Hindi
अगर आप फ्री में पूरी HTML course सीखना चाहते हैं तो, नीचे HTML Tutorial की बटन पर क्लिक करके फ्री में सीखना शुरू करें। 🙂
तो आइए अब इन दोनो एक साथ में उपयोग करके दिखता हूँ:
HTML and CSS Comments in Hindi
अगर आपको HTML के बारे में जियादा जानकारी नहीं है तो आप हमारे “HTML tutorial” से फ्री में सिख सकते है।
HTML में comments देने के लिए <!– –> का और CSS के लिए /* */ का उपयोग करेंगे कुछ इस तरह:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: blue; /* Set text color to blue */
}
</style>
</head>
<body>
<h2>HTML and CSS Comments in Hindi</h2>
<!-- These paragraphs will be blue -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>See HTML and CSS comments are not shown in the output:) </p>
</body>
</html>
Output:
इसी तरह आप HTML और CSS comments को भी एक साथ इस्तेमाल कर सकते है।
FREE CSS Course in Hindi
क्या आप मुफ्त में CSS कोर्स पूरा करना सीखना चाहते हैं? अगर हाँ तो नीचे CSS Tutorial की बटन पर क्लिक करे, पूरी course फ्री में उपलब्ध है। 🙂
निष्कर्ष
इस HTML और CSS कमेंट ट्यूटोरियल में हमने सीखा है कि CSS कमेंट क्या है (What is CSS Comments in Hindi), इसका Syntax और जाना की CSS Comments का उपयोग क्यों करना चाहिए और फिर हमने सिखा की CSS Comments का उपयोग कैसे करें?
और इसी तरह हमने सिखा की HTML कमेंट क्या है और इसका उपयोग क्यों और कैसे करना है।
मुझे उम्मीद है कि यह HTML और CSS Comments ट्यूटोरियल आपको सभी चीजों को समझने में मदद करेगा।