HTML में बोल्ड टेक्स्ट बनाने के लिए आप <b> टैग, <strong> टैग, या CSS में font-weight का उपयोग कर सकते हैं।
जब आप एक वेब पेज डिज़ाइन कर रहे होते हैं, तो आप टेक्स्ट के एक विशिष्ट टुकड़े पर जोर देना चाह सकते हैं।
उदाहरण के लिए, मान लें कि आपके पास एक नई तकनीक का उपयोग करने के निर्देशों की एक सूची है, और एक सुरक्षा नोटिस है जो उपयोगकर्ता के लिए पढ़ना विशेष रूप से महत्वपूर्ण है। आप यह सुनिश्चित करने के लिए उस नोटिस पर जोर देना चाह सकते हैं कि उपयोगकर्ता निर्देश पढ़ते समय उसे न छूटे।
HTML में, कोडर्स को HTML वेबपेज पर बोल्ड टेक्स्ट का प्रतिनिधित्व करने वाले एलिमेंट बनाने की अनुमति देने वाले बिल्ट-इन फ़ंक्शन हैं। इस ट्यूटोरियल में, हम HTML में टेक्स्ट को बोल्ड करने के तीन सबसे आम तरीकों को तोड़ने जा रहे हैं: <b> टैग, <strong> टैग, और font-weight कैस्केडिंग स्टाइल शीट्स (CSS) पैरामीटर।
HTML <b> टैग
HTML में डेवलपर्स द्वारा बोल्ड टेक्स्ट बनाने का सबसे आम तरीका <b> टैग का उपयोग करना है। <b> टैग HTML वेबपेज पर बोल्ड टेक्स्ट का प्रतिनिधित्व करने वाले एलिमेंट को बनाने का काम करता है। उदाहरण के लिए, <b> टैग ऑनलाइन लेख में उपशीर्षकों को हाइलाइट कर सकता है।
यहाँ HTML <b> टैग का एक उदाहरण है:
<b>This text is bold</b>
यह इतना सरल है। यदि आप टेक्स्ट के एक विशेष भाग को बोल्ड बनाना चाहते हैं लेकिन पैराग्राफ के बाकी हिस्से को छोड़ देना चाहते हैं, तो आप नीचे दिखाए अनुसार एक सेक्शन में <b> टैग को घेर सकते हैं:
<p>This text is not bold. <b>But this text is bold!</b></p>
यहाँ हमारे कोड का परिणाम है:
HTML <strong> टैग
इसके अलावा, आप HTML में बोल्ड टेक्स्ट बनाने के लिए <strong> टैग का उपयोग कर सकते हैं। <strong> टैग ठीक उसी तरह काम करता है जैसे <b> टैग, एक अंतर के साथ: स्ट्रॉन्ग टैग इंगित करता है कि इसकी सामग्री को विशेष ध्यान देने की आवश्यकता है। यहाँ <strong> टैग के उपयोग का एक उदाहरण है:
<p>Your username for your new computer is <b>JohnAppleseed</b></p> <p><strong>Attention!</strong> You must change your password after logging in.</p>
हमारा कोड निम्नलिखित लौटाता है:
जैसा कि आप देख सकते हैं, <b> टैग का उपयोग उस टेक्स्ट को हाइलाइट करने के लिए किया जा रहा है जिसे पाठक पढ़ना चाहेगा। <strong> टैग का उपयोग यह इंगित करने के लिए किया जा रहा है कि शब्द Attention को पाठक द्वारा विशेष ध्यान दिया जाना चाहिए। उस ने कहा, इस अंतर के अलावा, <b> और <strong> टैग समान हैं।
CSS font-weight प्रॉपर्टी
<strong> और <b> टैग्स का उपयोग वेनिला HTML एलिमेंट्स में यह इंगित करने के लिए किया जाता है कि टेक्स्ट महत्वपूर्ण है और पढ़ा जाना चाहिए। हालांकि, एक CSS प्रॉपर्टी भी है जो हमें इस बात पर अधिक नियंत्रण देती है कि हमारा टेक्स्ट कैसा दिखाई देता है: font-weight।
font-weight कोडर्स को यह निर्धारित करने की अनुमति देता है कि टेक्स्ट का एक विशेष भाग कितना भारी या हल्का - कितना बोल्ड - दिखाई देता है। यहाँ thick टैग के साथ पैराग्राफ पर लागू font-weight टैग का एक उदाहरण है:
HTML:
<p>This is an example paragraph.</p> <p class="thick">This is a bold example paragraph.</p>
CSS:
p.thick { font-weight: 900; }
हमारा कोड निम्नलिखित लौटाता है:
हमारे उदाहरण में, हम thick नामक एक क्लास परिभाषित करते हैं, जो हमारे टेक्स्ट के लिए font-weight प्रॉपर्टी को 900 पर सेट करता है, जिसका अर्थ है कि जहां हम thick क्लास को संदर्भित करते हैं वहां टेक्स्ट बोल्ड दिखाई देगा। यह ध्यान देने योग्य है कि हम संख्या "900" को कस्टमाइज़ कर सकते हैं, यह इस बात पर निर्भर करता है कि हम अपने टेक्स्ट को हल्का या बोल्ड दिखाना चाहते हैं।
वैकल्पिक रूप से, हम अपने font-weight को style font-weight बोल्ड एट्रिब्यूट का उपयोग करके निर्दिष्ट कर सकते हैं, जैसे:
<p>This is an example paragraph.</p> <p style="font-weight:900;">This is a bold example paragraph.</p>
निष्कर्ष
बोल्ड टेक्स्ट HTML में टेक्स्ट फॉर्मेटिंग का एक महत्वपूर्ण हिस्सा है। यदि आपको टेक्स्ट की एक विशेष लाइन या कुछ शब्दों पर ध्यान आकर्षित करने की आवश्यकता है, तो आप इसे बोल्ड करना चाह सकते हैं। इस ट्यूटोरियल में, हमने टेक्स्ट को बोल्ड करने के तीन मुख्य तरीकों को तोड़ा है: <b>, <strong>, और font-weight। अब आप एक विशेषज्ञ की तरह बोल्ड टेक्स्ट बनाने के लिए तैयार हैं!
