मैं HTML में टेक्स्ट को बोल्ड कैसे करूँ?


153

मैं HTML का उपयोग करके कुछ पाठ को बोल्ड बनाने की कोशिश कर रहा हूं, लेकिन मैं इसे काम करने के लिए संघर्ष कर रहा हूं।

यहाँ मैं कोशिश कर रहा हूँ:

Some <bold>text</bold> that I want emboldened.

क्या कोई मुझे बता सकता है कि मैं क्या गलत कर रहा हूं?


17
मैं सहमत हूं कि इसे पहले Google पर खोजा जाना चाहिए, लेकिन मुझे लगता है कि अगली बार जब कोई व्यक्ति Google पर खोज करेगा, तो उसे SO को निर्देशित किया जाएगा, जिसे मैं अच्छी चीज के रूप में देखता हूं। अधिक यातायात और एसओ पर आने वाले लोग।
एंड्रीजा

@binfolder यह कहना चाह सकता है कि उसने Google से <bold> सीखा है या नहीं। एक और, अधिक सामान्य संभावना: अधिक से अधिक लोग स्कूल के बिना, और किताबें पढ़ने के बिना विकसित कर रहे हैं। हमने यह सामान "एचटीएमएल 101" के "दिन एक" या "दिन दो" पर सीखा। उनके पास अनुसूचित वर्ग नहीं है।
जॉन सॉन्डर्स

2
@ भारत: मैं उन्हें यहाँ निर्देशन के बारे में सहमत हूँ। यही कारण है कि मेरे जवाब ने उन्हें वापस एक ऐसी जगह पर ले जाया, जहाँ वे अगले सवाल का जवाब जान सकते हैं: "मैं इसे कैसे करूँ?"
जॉन सॉन्डर्स

जवाबों:


222

उपयोग <strong>या <b>टैग

इसके अलावा, आप सीएसएस के साथ कोशिश कर सकते हैं <span style="font-weight:bold">text</span>


53

HTML में एक <bold>टैग नहीं है , इसके बजाय आपको उपयोग करना होगा <b>। लेकिन ध्यान दें, कि का उपयोग कर <b>रहा है अब थोड़ी देर के लिए सीएसएस के पक्ष में हतोत्साहित किया । बेहतर होगा कि आप इसे हासिल करने के लिए CSS का इस्तेमाल करें।

<strong>टैग ज्यादा जोर दिया है, जिसके लिए एक अर्थ तत्व है चूक बोल्ड करने के लिए।


2
+1 b HTML 4 है, आपको कभी भी मजबूत नहीं होना चाहिए / css जाने का रास्ता नहीं है
googletorp

<b> कभी भी पदावनत नहीं किया गया है। <Em>, <strong>, <h1..6>, आदि के पक्ष में अनुशंसित; पदावनत, सं।
नूह मेडलिंग जूल 4'09

<b>सीएसएस के पक्ष में हतोत्साहित क्यों किया जाना चाहिए ? यह कहना है कि <h* n* >का उपयोग सीएसएस के पक्ष में हतोत्साहित किया जाता है। यह मानक में है इसलिए इसका उपयोग करें।
Gumbo

Gumbo: w3.org/TR/html4/pret/graphics.html#h-15.2.1 से - "निम्नलिखित HTML तत्व फ़ॉन्ट जानकारी को निर्दिष्ट करते हैं। हालांकि वे सभी पदावनत नहीं हैं, लेकिन उनका उपयोग स्टाइल शीट के पक्ष में हतोत्साहित करता है।"
जॉय

1
दरअसल वे तत्व HTML 5 में "वाक्यांश तत्वों" के रूप में वापसी कर रहे हैं - उदाहरण के लिए <small> छोटे प्रिंट का प्रतीक है, जबकि <b> का उपयोग पुस्तक के शीर्षक के लिए किया जाना है, मुझे लगता है।
असंतुष्टGoat

21

मार्कअप वे:

<strong>I'm Bold!</strong> and <b>I'm Bold Too!</b>

स्टाइलिंग तरीका:

.bold {
  font-weight:bold;
}

<span class="bold">I'm Bold!</span>

प्रेषक: http://www.deloy.com/html/x1/

<b>

यह तत्व पाठ को संलग्न करता है जिसे ब्राउज़र द्वारा बोल्डफेस के रूप में प्रस्तुत किया जाना चाहिए। क्योंकि B तत्व का अर्थ उस सामग्री की उपस्थिति को परिभाषित करता है जिसे वह संलग्न करता है, इस तत्व को "भौतिक" मार्कअप तत्व माना जाता है। जैसे, यह एक अर्थ मार्कअप तत्व जैसे मजबूत का अर्थ व्यक्त नहीं करता है।

<strong>

विवरण यह तत्व कोष्ठक पाठ जिस पर जोर दिया जाना चाहिए। एम तत्व से अधिक मजबूत।


3
strongके रूप में ही नहीं है b
Gumbo

8
कभी नहीं कहा कि वे थे।
सैमपसन

12

Html उपयोग में:

  • कुछ <b>पाठ </b>जो मैं चाहता हूं कि वह उभरा।
  • कुछ <strong>पाठ </strong>जो मैं चाहता हूं कि वह उभरा।

सीएसएस उपयोग में:

  • कुछ <span style="font-weight:bold">पाठ </span>जो मैं चाहता हूं कि वह उभरा।

7

क्या कोई मुझे बता सकता है कि मैं क्या गलत कर रहा हूं? "

"बोल्ड" कभी भी एचटीएमएल तत्व नहीं रहा है ("बी" निकटतम मैच है)।

HTML में संरचित सामग्री होनी चाहिए; प्रकाशक सीएसएस को उस सामग्री के लिए शैलियों का सुझाव देना चाहिए। इस तरह से उपयोगकर्ता एजेंट उन उपयोगकर्ताओं के लिए उपयोगी स्टाइलिंग और नेविगेशनल नियंत्रणों के साथ संरचित सामग्री को उजागर कर सकते हैं जो आपके सुझाए गए बोल्ड स्टाइलिंग नहीं देख सकते हैं (उदाहरण के लिए खोज इंजन के उपयोगकर्ता, स्क्रीन रीडर का उपयोग करने वाले पूरी तरह से अंधे उपयोगकर्ता, अपने रंग और फोंट का उपयोग करके खराब दृष्टि वाले उपयोगकर्ता,) geeky यूजर्स टेक्स्ट ब्राउजर का इस्तेमाल करते हैं, आवाज नियंत्रित करने वाले, विंडोज के लिए ओपेरा जैसे ब्राउजर बोलते हैं)। इस प्रकार टेक्स्ट को बोल्ड बनाने का सही तरीका इस बात पर निर्भर करता है कि आप इसे बोल्ड क्यों करना चाहते हैं। उदाहरण के लिए:

  • क्या हेडिंग को अन्य टेक्स्ट से अलग करना चाहते हैं? हेडिंग एलिमेंट्स ("h1" से "h6") का प्रयोग करें और अपने CSS ("h1, h2, h3, h4, h5, h6 {font-weight: bold;}") के भीतर उनके लिए एक बोल्ड स्टाइल सुझाएं।

  • प्रपत्र फ़ील्ड के लिए लेबल को लागू करना चाहते हैं? एक "लेबल" तत्व का उपयोग करें, इसे प्रासंगिक रूप से प्रासंगिक "चयन करें", "इनपुट" या "टेक्सारिया" तत्व के साथ जोड़कर, लक्ष्य पर एक "आईडी" विशेषता से मेल खाते के लिए "विशेषता" दें, और इसके लिए एक बोल्ड शैली का सुझाव दें। अपने सीएसएस के भीतर ("लेबल {फ़ॉन्ट-वजन: बोल्ड;"})।

  • रेडियो के विकल्पों के समूह के रूप में संबंधित क्षेत्रों के समूह के लिए एक शीर्षक को बढ़ाना चाहते हैं? उन्हें एक "फ़ील्डसेट" तत्व के साथ घेरें, इसे "लीजेंड" तत्व दें, और अपने सीएसएस के भीतर इसके लिए एक बोल्ड शैली का सुझाव दें ("किंवदंती {फ़ॉन्ट-वजन: बोल्ड;}")।

  • तालिका के कैप्शन को तालिका कैप्शन से अलग करना चाहते हैं? "कैप्शन" तत्व का उपयोग करें और अपने CSS ("कैप्शन {फ़ॉन्ट-वेट: ओबेरू;}") के भीतर इसके लिए एक बोल्ड स्टाइल सुझाएं।

  • तालिका डेटा कोशिकाओं से तालिका शीर्षकों को अलग करना चाहते हैं? एक "वें" तत्व का उपयोग करें और अपने सीएसएस के भीतर इसके लिए एक बोल्ड शैली का सुझाव दें ("वें {फ़ॉन्ट-वजन: बोल्ड;}")।

  • आसपास के पाठ से संदर्भित फिल्म या एल्बम के शीर्षक को अलग करना चाहते हैं? एक वर्ग ("साइट वर्ग =" फिल्म-शीर्षक ") के साथ" उद्धृत "तत्व का उपयोग करें, और अपने सीएसएस (" .मूवी-शीर्षक {फ़ॉन्ट-वजन: बोल्ड;} ") के भीतर इसके लिए एक बोल्ड शैली का सुझाव दें।

  • परिभाषित पाठ को परिभाषित करने या उसे व्याख्या करने के आसपास के पाठ से अलग करना चाहते हैं? "Dfn" तत्व का उपयोग करें और अपने CSS ("dfn {font-weight: bold;}}) के भीतर इसके लिए एक बोल्ड स्टाइल सुझाएं।

  • आसपास के पाठ से कुछ कंप्यूटर कोड को अलग करना चाहते हैं? एक "कोड" तत्व का उपयोग करें और अपने सीएसएस के भीतर इसके लिए एक बोल्ड शैली का सुझाव दें ("कोड {फ़ॉन्ट-वजन: बोल्ड;}")।

  • आसपास के पाठ से एक चर नाम भेद करना चाहते हैं? "Var" तत्व का उपयोग करें और अपने CSS ("var {font-weight: bold;}") के भीतर इसके लिए एक बोल्ड स्टाइल सुझाएं।

  • संकेत देना चाहते हैं कि कुछ पाठ को अद्यतन के रूप में जोड़ा गया है? "इंस" तत्व का उपयोग करें और अपने सीएसएस के भीतर इसके लिए एक बोल्ड स्टाइल का सुझाव दें ("इंस {फॉन्ट-वेट: बोल्ड;}")।

  • कुछ पाठ को हल्का करना चाहते हैं ("मुझे बिल्ली के बच्चे प्यार करते हैं !")। एक "एम" तत्व का उपयोग करें और अपने सीएसएस के भीतर इसके लिए एक बोल्ड शैली का सुझाव दें (उदाहरण के लिए "एम {फ़ॉन्ट-वजन: बोल्ड;}")।

  • कुछ पाठ पर जोर देना चाहते हैं, शायद एक चेतावनी के लिए (" कुत्ते को खबरदार! ")। एक "मजबूत" तत्व का उपयोग करें और अपने सीएसएस के भीतर इसके लिए एक बोल्ड शैली का सुझाव दें (उदाहरण के लिए "मजबूत {फ़ॉन्ट-वजन: बोल्ड;}")।

… आपको विचार (उम्मीद) मिलता है

एक एचटीएमएल तत्व को व्यक्त करने के लिए सही शब्दार्थ के साथ नहीं मिल सकता है / क्यों / आप इस विशेष पाठ को बोल्ड बनाना चाहते हैं? इसे एक सामान्य "स्पैन" तत्व में लपेटें, इसे एक सार्थक वर्ग नाम दें जो आपके पाठ को उस पाठ को भेदने के लिए व्यक्त करता है ("<span class =" lede "> मुझे इस समाचार लेख को एक वाक्य के साथ शुरू करना है जो इसे सारांशित करता है। </ span >), और अपने CSS (".lede {font-weight: bold"? "} के भीतर इसके लिए एक बोल्ड स्टाइल सुझाएं। अपने खुद के वर्ग के नाम बनाने से पहले, आप जाँच सकते हैं कि क्या कोई माइक्रोफ़ॉर्मेट (microformats.org) है या नहीं जो आप व्यक्त करना चाहते हैं, उसके लिए आम सम्मेलन।


तो सारांश में {link_to_HTML_element {फ़ॉन्ट-वजन: बोल्ड; }}
जेम्स एच

6

HTML तत्व बिना किसी अतिरिक्त महत्व के बोल्ड टेक्स्ट को परिभाषित करता है।

<b>This text is bold</b>

HTML तत्व मजबूत पाठ को परिभाषित करता है, अतिरिक्त अर्थ "मजबूत" महत्व के साथ।

<strong>This text is strong</strong>

5

एक अन्य विकल्प यह सीएसएस के माध्यम से करना है ...

जैसे १

<span style="font-weight: bold;">Hello stackoverflow!</span>

जैसे २

<style type="text/css">
    #text
    {
        font-weight: bold;
    }
</style>

<div id="text">
    Hello again!
</div>

4

तुम वहाँ हो!

एक बोल्ड टेक्स्ट के लिए, आपके पास यह होना चाहिए: <b> bold text</b>या <strong>bold text</strong>उनके पास एक ही परिणाम है।

काम करने का उदाहरण - JSfiddle


2
यह प्रश्न वास्तव में सात साल पहले पूछा गया था और पहले से ही एक समाधान है (सही उत्तर पोस्ट किए जाने के 3 मिनट बाद पोस्ट किया गया था)। तो आपका जवाब वास्तव में कुछ भी उपयोगी नहीं जोड़ता है। यदि आप ऐसी समस्याएं ढूंढना चाहते हैं जो अभी तक हल नहीं हुई हैं, answers:0तो शीर्ष पर खोज बॉक्स में टाइप करें, जो आपको उन सभी सवालों की एक सूची देगा, जिनके उत्तर उनके पास नहीं हैं।
श्री लिस्टर

1
@MrLister IMO JSfiddle का लिंक काफी उपयोगी है।
.pẘ

3

यह <b>इसके बजाय है <bold>:

Some <b>text</b> that I want bolded.

ध्यान दें कि <b>बस पाठ की उपस्थिति बदल जाती है। यदि आप इसे बोल्ड प्रस्तुत करना चाहते हैं क्योंकि आप एक मजबूत जोर व्यक्त करना चाहते हैं, तो आपको बेहतर <strong>तत्व का उपयोग करना चाहिए ।


2

मुझे लगता है कि असली जवाब http://www.w3schools.com/HTML/default.asp है


2
बिल्कुल सही। अगर आपको पता नहीं है कि HTML में बोल्ड टेक्स्ट कैसे बनाया जाता है, और यह नहीं पता कि आपको कैसे पता लगाना है, तो आपको सबक 1 से शुरू करने की जरूरत है।
myplacedk

2
@ गैरेथ: आप w3schools के साथ क्या गलत मानते हैं, और आप किसी ऐसे व्यक्ति को सही उत्तर देने के बारे में क्या सोचते हैं जो दिन-प्रति-दिन HTML नहीं जानता है? ठीक है, शायद दिन-दो अगर वे छोटे दिन हैं।
जॉन सॉन्डर्स

यह बहुत कम बार मैं w3schools की सिफारिश की थी। जियो और सीखो।
जॉन सॉन्डर्स
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.