विषय

• कदम
• विधि 1 में से 2: HTML के साथ बोल्ड टेक्स्ट बनाएं
• विधि २ का २: सीएसएस के साथ बोल्ड टेक्स्ट बनाएं
• टिप्स

HTML मार्कअप भाषा आपको टेक्स्ट को बिना किसी समस्या के बोल्ड बनाने की अनुमति देती है, और यहां तक ​​कि एक साथ कई तरीकों से। हालांकि, बेहतर होगा कि आप कैस्केडिंग स्टाइल शीट - सीएसएस के बुनियादी नियमों का अध्ययन करने में कुछ मिनट बिताएं और उन्हें दस्तावेज़ में जोड़ें ताकि आप बाद में वहां काम कर सकें। लब्बोलुआब यह है कि सीएसएस से वेब पेज की उपस्थिति को नियंत्रित करना बहुत आसान है, जिसमें बोल्ड में कुछ हाइलाइट करने की आवश्यकता होती है।

कदम

विधि 1 में से 2: HTML के साथ बोल्ड टेक्स्ट बनाएं

1. 1 मजबूत> मजबूत / मजबूत> टैग का प्रयोग करें। HTML5 में, कल्पना के अनुसार, टेक्स्ट को हाइलाइट करने का यह सबसे अच्छा तरीका है। यह टैग टेक्स्ट को लगभग हमेशा बोल्ड बना देगा।
   • उस टेक्स्ट को रखें जिसे आप टैग के अंदर हाइलाइट करना चाहते हैं: मजबूत>यहीं/ मजबूत>।
2. 2 उपयुक्त होने पर शीर्षकों का प्रयोग करें। आमतौर पर, उन्हें पृष्ठ के शीर्ष पर या एक नए अनुभाग की शुरुआत में रखा जाता है। डिफ़ॉल्ट रूप से, शीर्षक सामान्य टेक्स्ट की तुलना में बड़े और बोल्ड प्रदर्शित होते हैं, हालांकि यहां कुछ सूक्ष्मताएं भी हैं। शीर्षकों के छह स्तर हैं, 1 से 6 तक: h1> - h6>। इनका उपयोग करते समय इन दिशानिर्देशों का पालन करें:
   • h1 शीर्षक इस प्रकार लिखा जाता है: h1> प्रथम स्तर का शीर्षक / h1>, और यह पृष्ठ का सबसे महत्वपूर्ण, सबसे बड़ा शीर्षक है।
   • h2> हेडिंग h2 / h2> - दूसरे सबसे महत्वपूर्ण हेडिंग के लिए, और इसी तरह बहुत h6> हेडिंग h6 तक, सबसे छोटा / h6>।
   • आपको केवल पृष्ठ की सामग्री को व्यवस्थित करने के लिए शीर्षकों का सावधानीपूर्वक, संयम से उपयोग करने की आवश्यकता है। उपयोगकर्ता को यह समझने के लिए जितनी जल्दी हो सके शीर्षक देखने में सक्षम होना चाहिए कि क्या वे जो सामग्री चाहते हैं वह नीचे है।
   • उपशीर्षक बनाते समय, यह एक बार में केवल एक स्तर नीचे जाने के लायक है। दूसरे शब्दों में, h1> तुरंत h3> के बाद डालने की कोई आवश्यकता नहीं है। इस तरह, किसी अन्य प्रारूप में कनवर्ट करते समय पृष्ठ स्वरूपण विफल नहीं होगा।
3. 3 b> अंतिम उपाय के रूप में, b / b> टैग का उपयोग करें। b> टैग अभी भी HTML5 में समर्थित है, लेकिन बहुत बेहतर है। आप b> का उपयोग तब कर सकते हैं जब टेक्स्ट शैलीगत, गैर-अर्थपूर्ण उद्देश्यों के लिए हाइलाइट किया जाता है - उदाहरण के लिए, कीवर्ड या शब्दावली शब्द, उत्पाद नाम, आदि को हाइलाइट करने के लिए।
   • अधिकांश टैग की तरह, b> एक जोड़ी है जो इसके अंदर रखे गए / b> टेक्स्ट को नियंत्रित करती है।

विधि २ का २: सीएसएस के साथ बोल्ड टेक्स्ट बनाएं

1. 1 याद रखें कि CSS का उपयोग कब करना है। किसी पृष्ठ के स्वरूप को संपादित करने के लिए CSS एक बहुत शक्तिशाली और सुविधाजनक उपकरण है। असल में, CSS यह है कि पेज "दिखता है", जबकि HTML इसका "मतलब" है। बेशक, HTML टैग्स में कुछ भी गलत नहीं है, उनका उपयोग किया जा सकता है, लेकिन CSS के साथ काम करना बेहतर है - आपका टेक्स्ट कैसा दिखेगा, इस पर आपका अधिक नियंत्रण है।
   • विभिन्न ब्राउज़रों में एक साधारण HTML पृष्ठ खोलें। ध्यान दें कि यह प्रत्येक में थोड़ा अलग कैसे दिखाई देता है? CSS इस अंतर को कम से कम रखने में मदद कर सकता है।
2. 2 टेक्स्ट में स्पैन> टैग जोड़ें। यदि आपके पास पहले से सीएसएस नहीं है, तो आपको तथाकथित "इनलाइन सीएसएस" - "इनलाइन स्टाइल शीट्स" से शुरू करना चाहिए, यदि आप चाहें। यह, निश्चित रूप से, p> या h1> जैसे टैग की उपस्थिति को बदलने के लिए उपयोग किया जा सकता है, लेकिन कभी-कभी आप उस टेक्स्ट को भी बदल सकते हैं जो अभी तक किसी भी टैग में शामिल नहीं है। स्पैन> / स्पैन> टैग एक रैपर की तरह है जो अपने आप में कोई प्रभाव या प्रभाव नहीं डालता है, लेकिन हमें पेज में आवश्यक परिवर्तन करने का अवसर देता है। यहाँ एक उदाहरण है:
   • स्पैन> मैं सीख रहा हूं कि इनलाइन सीएसएस के साथ टेक्स्ट को कैसे बोल्ड किया जाए ./span>
3. 3 शैली विशेषता जोड़ें। HTML में विशेषताएँ सीधे टैग में लिखी जाती हैं, ठीक चेकबॉक्स में>। CSS को HTML टैग में सम्मिलित करने के लिए शैली विशेषता की आवश्यकता होती है, इसलिए सम्मिलित करें शैली = अवधि टैग में:
   • स्पैन स्टाइल => मैं सीख रहा हूं कि इनलाइन सीएसएस के साथ टेक्स्ट को बोल्ड कैसे बनाया जाए ../ स्पैन>
   • यदि आप स्वयं शैली नहीं जोड़ते हैं तो शैली विशेषता क्यों जोड़ें? सही सोचो। लेकिन यहाँ हम सब कुछ कदम दर कदम तय कर रहे हैं!
4. 4 फ़ॉन्ट-भार गुण जोड़ें। CSS गुणों को विशेषता के हिस्से के रूप में जोड़ा जाता है, इस मामले में शैली विशेषता के भाग के रूप में, अर्थात् "फ़ॉन्ट-वेट" (शाब्दिक वजन)। इस गुण का उपयोग किसी फ़ॉन्ट की शैली को निर्दिष्ट करने के लिए किया जा सकता है, न केवल बोल्ड, बल्कि अतिरिक्त-बोल्ड, पतला या सामान्य भी। = चिह्न के बाद लिखिए "फ़ॉन्ट वजन:"... यह कुछ इस तरह दिखना चाहिए:
   • स्पैन स्टाइल = "फॉन्ट-वेट:"> मैं सीख रहा हूं कि इनलाइन सीएसएस का उपयोग करके टेक्स्ट को बोल्ड कैसे बनाया जाए ../ स्पैन>
   • अभी के लिए रुकें, और कुछ न लिखें (और हाँ, अभी और आना बाकी है)।
   • पहले और बाद में उद्धरण देना न भूलें फ़ॉन्ट वजन:.
5. 5 बोल्ड वैल्यू जोड़ें। क्या बाकि है? यह सही है, विशेषता गुण को मान पर सेट करें! इसे कहाँ डालें? यह सही है, बीच फ़ॉन्ट वजन: और एक समापन उद्धरण। इस संपत्ति की कई किस्में हैं, जो साहस में भिन्न हैं, और मूल्य का उपयोग करने का सबसे आसान तरीका है बोल्ड:
   • स्पैन स्टाइल = "फ़ॉन्ट-वेट: बोल्ड"> मैं सीख रहा हूँ कि इनलाइन CSS./span> का उपयोग करके टेक्स्ट को बोल्ड कैसे बनाया जाए।
6. 6 अन्य मूल्यों के साथ प्रयोग। CSS HTML से कहीं अधिक शक्तिशाली है, इसलिए ऐसा महसूस न करें कि आप हाथ-पैर बंधे हुए हैं। यहाँ बोल्ड के कुछ विकल्प दिए गए हैं:
   • स्पैन स्टाइल = "फ़ॉन्ट-वेट: बोल्डर"> "बोल्डर" - इस तरह टेक्स्ट हमेशा मूल तत्व से मोटा रहेगा, चाहे वह कितना भी बोल्ड क्यों न हो। / स्पैन> यदि पूरे पैराग्राफ को "बोल्ड" के साथ चुना जाता है, तो "बोल्डर" और भी अधिक साहसपूर्वक हाइलाइट करने में मदद करेगा, कहें, इसमें एक अलग वाक्य है।
   • स्पैन स्टाइल = "फ़ॉन्ट-वेट: नॉर्मल"> "नॉर्मल" - ऐसा टेक्स्ट हमेशा की तरह दिखेगा, तब भी जब किसी टैग के अंदर टेक्स्ट बोल्ड हो। / स्पैन>
   • स्पैन स्टाइल = "फ़ॉन्ट-वेट: 900"> टेक्स्ट का वजन सेट करने के लिए, आप 100 से 900 तक के मानों का उपयोग कर सकते हैं। 400 - नियमित शैली, बोल्ड - 700 और ऊपर से। / स्पैन>

टिप्स

• सीएसएस में वजन के लिए संख्यात्मक मानों का उपयोग करते समय, 100 के गुणकों का उपयोग करें। अन्य सभी मूल्यों को अभी भी गोल किया जाएगा।
• एक बाहरी सीएसएस फ़ाइल, यह सुनिश्चित करने के लिए, इस आलेख में वर्णित की तुलना में कहीं अधिक सुविधाजनक है - इस तरह एक फ़ाइल से साइट के सभी पृष्ठों की उपस्थिति को एक ही बार में नियंत्रित करना संभव होगा!
• आप टाइपोग्राफरों द्वारा मूल रूप से इच्छित फ़ॉन्ट को मोटा नहीं बना सकते हैं। सीएसएस के साथ काम करते समय, याद रखें कि मानक के अनुसार फ़ॉन्ट बदल जाएगा। तदनुसार, आप दो बोल्ड फ़ॉन्ट विकल्पों के बीच अंतर नहीं देखेंगे (अधिक सटीक, आप इसे देख सकते हैं - लेकिन यह पहले से ही फ़ॉन्ट पर निर्भर करता है)।