HTML में टेक्स्ट के टुकड़ों के लिए span टैग

आप पहले से ही जानते हैं कि टेक्स्ट के किसी टुकड़े को, उदाहरण के लिए, बोल्ड (मोटा) बनाने के लिए b टैग का उपयोग करना चाहिए। हालाँकि, अगर मैं टेक्स्ट के एक टुकड़े को लाल रंग में रंगना चाहूं तो क्या करूं? ऐसे मामले के लिए, b टैग जैसा कोई टैग मौजूद नहीं है।

लेकिन एक विशेष टैग span मौजूद है - यह अपने आप में कुछ नहीं करता है, लेकिन इस पर CSS स्टाइल्स लागू की जा सकती हैं, जो हमें टेक्स्ट के टुकड़े में वांछित प्रभाव जोड़ने की अनुमति देगा।

आइए एक उदाहरण देखें। मान लीजिए कि हमारे पास कुछ टेक्स्ट है:

<p>
	This is a paragraph with text.
</p>

मान लीजिए कि हम "text" शब्द को लाल बनाना चाहते हैं। इसके लिए, हम टेक्स्ट के इस टुकड़े को span टैग में लपेटेंगे और इस टैग को कोई क्लास देंगे:

<p>
	This is a paragraph with <span class="red">text</span>.
</p>

अब ऐसी क्लास वाले एलिमेंट को लाल रंग में रंगते हैं:

.red {
	color: red;
}

निम्नलिखित कोड दिया गया है:

<p>
	Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
	<span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>

xxx क्लास वाले एलिमेंट्स का आकार 30px करें।