CSS comment Property क्या हैं पूरी जानकारी हिंदी में?

Spread the love

WhatsApp Group Join Now
Telegram Group Join Now

हेल्लो दोस्तों! आज हम इस आर्टिकल में CSS comment Property  के बारें में पढेंगे. इसे बहुत ही आसान भाषा में लिखा गया है. इसे आप पूरा पढ़िए, यह आपको आसानी से समझ में आ जायेगा. तो चलिए शुरू करते हैं:-

CSS comment Property क्या हैं पूरी जानकारी हिंदी में?

Introduction of CSS Comments

लगभग सभी programming languages मे आप comment को add कर सकते है। आप PHP, java, java script, html और कई सारी भाषाओ मे comment को add कर सकते है।

CSS comment को browser के द्वारा ignore किया जाता है। मतलब की comment को कोई visitor नहीं देख पाता सिर्फ web master ही इसे देख पाता है।

 

CSS Comment Use करने के फायदे –

  1. Comment से CSS Code को Easily Explain किया जा सकता हैं.
  2. Comment एक Stylesheet को पठनीय (Readable) और समझने योग्य (Understandable) बनाते हैं.
  3. Web Masters भविष्य के लिए Notes बनाते हैं. ताकि बाद में CSS को आसानी से Maintenance किया जा सके.
  4. Comment के द्वारा एक Stylesheet को अलग-अलग Sections में बांटा जा सकता हैं.

CSS Comment लिखने का तरीका

Stylesheet में Code Add करना बहुत ही आसान हैं. CSS Comment के लिए Opening Tag और Closing Tag को सही Use करना आना चाहिए.

  • Forward Slash (/) और Asterisk (*) से Comment Open होता हैं. इस तरह – /*
  • और Asterisk (*) तथा Forward Slash (/) के साथ Comment Close होता हैं. इस तरह */
इसे पढ़े :-  CSS Box Model और उनके Properties - Hindi tutorial

तो CSS Comment कुछ इस प्रकार लिखा जायेगा

/* Comment text यहाँ लिखा जायेगा… */

Opening और Closing Comment Tag के बीच में लिखा गया Text Comment Content कहलाता हैं. आप जरूरत के अनुसार Single Line Comment और Multi Line Comment भी Add कर सकते हैं.

comments के दो तरह के प्रकार होते है :-

  1. single line comments
  2. Multi line comments

Single Line Comment :-

        Single Line Comment में आप बस एक Line का Comment Content लिखते हैं. इस तरह Add किया जाता हैं.

<!DOCTYPE html>
<html>
<head>
<style>
/* This is a single-line comment */
h1 {
color: orange;
margin-left: 50px;
} 
p{
color: red;
}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

 

Multi Line Comment :-

WhatsApp Group Join Now
Telegram Group Join Now

      Multi Line Comment में आप एक से ज्यादा Line का Comment Content लिखते हैं. इस तरह Add किया जाता हैं.

<!DOCTYPE html>
<html>
<head>
<style>
/* This is a 
multi-line 
comment This CSS property make paragraph text orange.
You can change this properety. */
h1 {
color: orange;
margin-left: 50px;
} 
p{
color: red;
}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>


Spread the love

Leave a Reply

error: Content is protected !!
%d