HTML में बोल्ड टेक्स्ट बनाने के लिए आप . का उपयोग कर सकते हैं <b> टैग, <strong> CSS में टैग, या फॉन्ट-वेट।
जब आप एक वेब पेज डिजाइन कर रहे हों, तो हो सकता है कि आप किसी विशिष्ट पाठ पर जोर देना चाहें।
उदाहरण के लिए, मान लें कि आपके पास नई तकनीक का उपयोग करने के निर्देशों की एक सूची है, और एक सुरक्षा नोटिस है जो उपयोगकर्ता को पढ़ने के लिए विशेष रूप से महत्वपूर्ण है। आप यह सुनिश्चित करने के लिए उस नोटिस पर ज़ोर देना चाह सकते हैं कि उपयोगकर्ता निर्देशों को पढ़ते समय इसे याद न करें।
HTML . में , ऐसे अंतर्निहित कार्य हैं जो कोडर्स को विशेष पाठ को प्रोत्साहित करने की अनुमति देते हैं। इस ट्यूटोरियल में, हम HTML में टेक्स्ट को बढ़ावा देने के तीन सबसे सामान्य तरीकों को तोड़ने जा रहे हैं। :<b> टैग, <strong> टैग, और font-weight Cascading Style Sheets (CSS) पैरामीटर।
HTML टैग
सबसे आम तरीका है जिसमें डेवलपर्स 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>
यहाँ हमारे कोड का परिणाम है:
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।
हमारे पैराग्राफ की शुरुआत सामान्य लगती है, और हमारे <b> . के भीतर का टेक्स्ट टैग को प्रोत्साहित किया गया है।
HTML टैग
इसके अलावा, आप <strong> . का उपयोग कर सकते हैं HTML . में बोल्ड टेक्स्ट बनाने के लिए टैग . <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> टैग समान हैं।
सीएसएस फ़ॉन्ट-वेट प्रॉपर्टी
<strong> और <b> टैग वैनिला HTML . में उपयोग किए जाते हैं तत्वों को इंगित करने के लिए कि पाठ महत्वपूर्ण है और इसे पढ़ा जाना चाहिए। हालांकि, एक CSS भी है संपत्ति जो हमें इस पर अधिक नियंत्रण देती है कि हमारा टेक्स्ट कैसा दिखाई देता है:font-weight ।
font-weight कोडर्स को यह निर्धारित करने की अनुमति देता है कि टेक्स्ट का एक विशेष भाग कितना भारी या हल्का - कितना बोल्ड है। यहां font-weight का एक उदाहरण दिया गया है टैग thick . टैग वाले पैराग्राफ़ पर लागू किया गया टैग :
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 . निर्दिष्ट कर सकते हैं 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 . अब आप एक विशेषज्ञ की तरह बोल्ड टेक्स्ट बनाने के लिए तैयार हैं!