जावास्क्रिप्ट बोल्ड टेक्स्ट

| | | |

HTML में बोल्ड टेक्स्ट बनाने के लिए आप टैग, <टैग कोड का उपयोग कर सकते हैं > या CSS में फॉन्ट की मोटाई।

वेब पेज डिजाइन करते समय, हो सकता है कि आप किसी विशिष्ट भाग पर जोर देना चाहें पाठ का।

उदाहरण के लिए, मान लें कि आपके पास नई तकनीक का उपयोग करने के निर्देशों की एक सूची है और एक सुरक्षा सूचना है जो उपयोगकर्ता को पढ़ने के लिए विशेष रूप से महत्वपूर्ण है। आप यह सुनिश्चित करने के लिए इस चेतावनी को रेखांकित कर सकते हैं कि निर्देशों को पढ़ते समय उपयोगकर्ता इसे याद नहीं करता है।

HTML में, ऐसे अंतर्निहित कार्य हैं जो प्रोग्रामर को विशेष पाठ को प्रोत्साहित करने की अनुमति देते हैं। इस ट्यूटोरियल में, हम HTML में टेक्स्ट को प्रोत्साहित करने के तीन सबसे सामान्य तरीकों का पता लगाएंगे: टैग, <टैग / कोड > टैग और <कोड>फ़ॉन्ट-वेट कैस्केडिंग स्टाइल शीट्स (सीएसएस) पैरामीटर।

HTML टैग

सबसे आम तरीका है कि डेवलपर्स HTML टैग के उपयोग के माध्यम से है। टैग का उपयोग एक ऐसे तत्व को बनाने के लिए किया जाता है जो HTML वेब पेज पर बोल्ड टेक्स्ट का प्रतिनिधित्व करता है। उदाहरण के लिए, एक उप-शीर्षकों के साक्ष्य को एक अनुभाग पंक्ति में रख सकता है।

यहां HTML < का एक उदाहरण दिया गया है b> कार्रवाई में:

यह इतना आसान है। यदि आप शेष पैराग्राफ को छोड़ते हुए कुछ बोल्ड टेक्स्ट बनाना चाहते हैं, तो आप एक सेक्शन में टैग शामिल कर सकते हैं जैसे हम नीचे करते हैं:

यहां हमारे कोड का परिणाम है:

<वर्ग आंकड़ा = "WP -image -Block"> ZSIP MZN80Y C8SXnhFCUVvxO2XhlHRpZ8dso9dvpBYrlYXOd7X8Dl5QnP Um95N 5JsJFsPEzaihSIUeO9fgFLQThoRWsfyQ6YqoR8yjNkJgWbQjNI HDKTYHYlIBQbZKiKXYHI

हमारे पैराग्राफ की शुरुआत सामान्य लगती है और हमारे में टेक्स्ट को मजबूत किया गया है

HTML टैग

आप प्रोत्साहित करने के लिए टैग का भी उपयोग कर सकते हैं <कोड>एचटीएमएल में टेक्स्ट। टैग बिल्कुल टैग की तरह है, एक अंतर के साथ: मजबूत टैग इंगित करता है कि इसकी सामग्री पर विशेष ध्यान देने की आवश्यकता है। यहां इस्तेमाल किए गए टैग का एक उदाहरण दिया गया है:

हमारी कोड रिटर्न निम्नलिखित:

<आंकड़ा वर्ग = "WP-ब्लॉक छवि">  3Wu9gudPNDx8rHeEPum1C5 JUxRQqmDg ZCJv4nIGzDEBzPbvXoQwXWT Pr9peExkkgeBdErzTUDrrvGjcInojk0I1GR ZTJmru5ycNZFY4UZj के रूप में आप देख सकते हैं b></code> टेक्स्ट को हाईलाइट करने के लिए प्रयोग किया जाता है जिसे पाठक पढ़ना चाहेगा। <code><strong></code> टैग का उपयोग यह इंगित करने के लिए किया जाता है कि पाठक को <code>ध्यान</code> शब्द पर विशेष ध्यान देना चाहिए। उस ने कहा, इस अंतर के अलावा, <code><b></code> और <code><strong></code> समान हैं।</p><h2>CSS फ़ॉन्ट-वेट गुण</h2> <p><code><strong></code> और <code><b> </code> टैग का प्रयोग <elements code> HTML</code> वैनिला में यह इंगित करने के लिए किया जाता है कि टेक्स्ट महत्वपूर्ण है और उसे पढ़ा जाना चाहिए . हालांकि, एक <code>CSS</code> प्रॉपर्टी भी है जो हमें हमारे टेक्स्ट के स्वरूप पर अधिक नियंत्रण देती है: <code>font-weight</code>।</p><p><code>font- weight</code> प्रोग्रामर्स को यह निर्धारित करने की अनुमति देता है कि टेक्स्ट का एक विशेष भाग कितना भारी या हल्का - कितना बोल्ड - दिखाई देता है। यहां एक <code>फ़ॉन्ट-वेट</कोड> टैग का एक उदाहरण दिया गया है, जिसे <code>मोटे</code> टैग वाले पैराग्राफ़ पर लागू किया गया है:</p><p><code>HTML</code>:</p><p><code>CSS</code>:</p> <p>हमारा कोड निम्नलिखित तत्वों को लौटाता है:</p><figure class =  PUID1hdO8MH0qiaSHr6T2Xbf5IC11tGlX5XBYcHd5ZoMIFN3T 7EtnQs6ddneO7uvbRSJHOHR6 बी QAsA6BkhOa1GcjgzQRdAtdShl5DyH1XlZLvqCrqDOOqirbnCdnLboyexPf0

हमारे उदाहरण में, हम एक वर्ग मोटाई , जो परिभाषित करता है परिभाषित font-weight हमारे 900 पाठ के लिए गुण, जिसका अर्थ है कि जिस पाठ में हम मोटी वर्ग का उल्लेख करते हैं, वह प्रोत्साहित दिखाई देगा। यह ध्यान दिया जाना चाहिए कि हम "900" संख्या को इस आधार पर अनुकूलित कर सकते हैं कि हम अपने टेक्स्ट को हल्का या बोल्ड दिखाना चाहते हैं।

वैकल्पिक रूप से हम अपने फ़ॉन्ट-वेट को इंगित कर सकते हैं बोल्ड फ़ॉन्ट-वेट शैली का उपयोग करते हुए, इस तरह:

निष्कर्ष

बोल्ड टेक्स्ट HTML में टेक्स्ट फ़ॉर्मेटिंग का एक महत्वपूर्ण हिस्सा है। यदि आपको टेक्स्ट या शब्दों की किसी विशेष पंक्ति पर ध्यान आकर्षित करने की आवश्यकता है, तो आप इस ट्यूटोरियल में हमें प्रोत्साहित कर सकते हैं टेक्स्ट को प्रोत्साहित करने के तीन मुख्य तरीकों को तोड़ दिया है: , और font-weight। अब आप इसके लिए तैयार हैं जैसे बोल्ड टेक्स्ट बनाएं ई एक विशेषज्ञ!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method