HTML Text formatting क्या है - ldkalink
HTML Text formatting में किसी भी टेक्स्ट की कई तरह से फॉर्मेटिंग की जा सकती है एचटीएमएल के कंटेंट्स को फॉर्मेट करने के लिए कई तरह के एलिमेंट्स का यूज किया जाता है।
टेक्स्ट की फॉर्मेटिंग जैसे की टेक्स्ट को बोल्ड करना, किसी टेक्स्ट को सुपर स्क्रिप्ट और सब्सक्रिप्ट में लिखना इस प्रकार कई तरह के टेक्स्ट फॉर्मेटिंग एचटीएमएल में की जाती है और इसके लिए ही कई तरह के एलिमेंट्स का भी उपयोग किया जाता है तो आज के इस आर्टिकल में हम HTML Text formatting क्या होता है के बारे में कंप्लीट जानने वाले है।
उदहारण/example
![]() |
HTML Text formatting क्या है |
इमेज में आप देख सकते हैं कि किस तरह से टेक्स्ट की फॉर्मेटिंग करके दिखाया गया है:
HTML Formatting Elements
टेक्स्ट के प्रकार को एक स्पेशल तरीके से दर्शाने के लिए एचटीएमएल में फॉर्मेटिंग एलिमेंट्स का उपयोग होता है:
- <b> - टेक्स्ट को बोल्ड करने के लिए इसका उपयोग किया जाता है
- <Strong> - इंपॉर्टेंट टेक्स्ट को बताने के लिए इसका यूज़ किया जाता है
- <i> - टेक्स्ट को इटैलिक बनाने के लिए
- <em> - टेक्स्ट को एंफेसाइज्ड करने के लिए
- <mark> - टेक्स्ट को मार्क करने के लिए
- <small> - स्मॉलर टेक्स्ट के लिए
- <del> - टेक्स्ट को डिलीट रूप में दिखाने के लिए
- <ins> - इंसर्टेड टेक्स्ट के लिए
- <sub> - टेक्स्ट को सब स्क्रिप्ट में दिखाने के लिए
- <sup> - टेक्स्ट को सुपर स्क्रिप्ट में दिखाने के लिए
HTML में <b> और <Strong> element
जब हमें किसी टेस्ट को बोल्ड के रूप में दिखाना होता है पर वह टेक्स्ट हमारे लिए इंपोर्टेंट नही होता है तो इस तरह के टेक्स्ट को डिस्प्ले करने के लिए <b> element का उपयोग किया जाता है।
उदाहरण
<b>This text is bold</b>
जब हमें किसी टेक्स्ट को इंपॉर्टेंस को बताना होता है कि यह टेक्स्ट हमारे लिए बहुत ही ज्यादा इंपोर्टेंट है तो इसके लिए एचटीएमएल में <Strong> element का उपयोग किया जाता है इसमें भी टेक्स्ट बोल्ड रूप में ही दिखाई देता है।
उदाहरण
<strong>This text is important!</strong>
HTML में <i> और <em> element
<i> element का उपयोग टेक्स्ट के एक पार्ट को अल्टरनेट वॉइस या मूड के रूप में बताने के लिए परिभाषित किया जाता है इसके अंतर्गत जो टेक्स्ट लिखा होता है वह इटैलिक फॉर्मेट में होता है।
Tip: ज्यादा तर <i> टैग का उपयोग तब किया जाता है जब किसी टेक्निकल शब्द को दर्शाना होता है, किसी भाषा के वाक्यांश को दर्शाना होता है, किसी विचार को या फिर किसी जहाज के नाम इत्यादि को दर्शाने के लिए इसका उपयोग किया जाता है।
उदाहरण
<i>This text is italic</i>
<em> element का उपयोग टेक्स्ट को एंफेसाइज्ड बनाने के लिए किया जाता है इसमें जो कॉन्टेंट इसके अंदर होता है वह इटैलिक रूप में ही दिखाई देता है।
Tip: <em> टैग का उपयोग करने पर स्क्रीन रीडर द्वारा इसके टेक्स्ट को बड़ी आसानी से समझा जा सकता है।
उदाहरण
<em>This text is emphasized</em>
HTML में <small> element
जब हम चाहते हैं कि किसी टेक्स्ट को छोटे रूप में दिखाएं तो इसके लिए एचटीएमएल में <small> element का उपयोग किया जाता है।
उदाहरण
<small>This is some smaller text.</small>
HTML में <mark> element
जब हम चाहते हैं कि एक लाइन में जितने भी टेक्स्ट है उनमें से किसी टेक्स्ट को हाईलाइट करके दिखाना है तो इसके लिए एचटीएमएल में <mark> element उपयोग में लाया जाता है।
उदाहरण
<p>Do not forget to buy <mark>milk</mark> today.</p>
HTML में <del> element
<del> element का उपयोग करके हम यह बताना चाहते हैं कि यह टेस्ट डॉक्यूमेंट में से डिलीट हो चुका है इस टेक्स्ट की अब वैल्यू नहीं है।
जिस टेक्स्ट के ऊपर इसे अप्लाई किया जाता है वह टेक्स्ट एक स्ट्रेट लाइन में कटा हुआ दिखाई देता है यानी की टेक्स्ट के बीच में एक सीधी रेखा बन जाता है इससे यह पता चलता है कि यह टेक्स्ट अब डिलीट है।
उदाहरण
<p>My favorite color is <del>blue</del> red.</p>
आपने कभी नोटिस किया हुआ कि जब किसी वेबसाइट पर जाते हैं तो किसी वस्तु का प्राइस में एक सीधी लाइन मिलता है और उसके जगह उसके साइड में एक नया अमाउंट लिखा होता है इस तरह से टेक्स्ट में एक लाइन खींचकर इसकी वैल्यू को खत्म कर दिया जाता है।
HTML में <ins> Element
<ins> element का उपयोग करके एचटीएमएल में यह बताया जाता है कि जो टेक्स्ट है इंसर्ट किया गया है वह एक अंडरलाइन में दिखाई दे यानी इंसरटेड टेक्स्ट के नीचे एक लाइन शो होती है।
उदाहरण
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
HTML में <sub> Element
जब किसी टेक्स्ट को सब स्क्रिप्ट टेक्स्ट के रूप में दिखाना होता है तो इसके लिए एचटीएमएल में <sub> Element का उपयोग किया जाता है।
किसी लाइन के टेक्स्ट में किसी एक टेक्स्ट को छोटे फोंट में नॉर्मल टैक्स के नीचे साइड में दिखाना है तो इसके लिए इसका उपयोग किया जाता है
ज्यादातर सब स्क्रिप्ट टेक्स्ट का उपयोग केमिकल फॉर्मुलस के लिए किया जाता है जैसे कि आपने जल का सूत्र तो देखा ही होगा इसमें H और O बड़ा दिखाई होता है और इसके बीच में 2 छोटा दिखाई देता है जैसे की H2O:
उदाहरण
<p>This is <sub>subscripted</sub> text.</p>
HTML में <sup> Element
जब किसी टेक्स्ट को सूपर स्क्रिप्ट टेक्स्ट के रूप में दिखाना होता है तो इसके लिए एचटीएमएल में <sup> Element का उपयोग किया जाता है।
जब किसी लाइन के टेक्स्ट में किसी एक टेक्स्ट को छोटे फोन में नॉर्मल टैक्स के उपर साइड में दिखाना होता है तो इसके लिए इसका उपयोग किया जाता है।
ज्यादातर सुपर स्क्रिप्ट टेक्स्ट का उपयोग footnotes के लिए किया जाता है जैसे WWW [1]:
उदाहरण
<p>This is <sup>superscripted</sup> text.</p>
टिप्पणियाँ
एक टिप्पणी भेजें
please do not enter any spam link in the comment box.