Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML सुपरस्क्रिप्ट और सबस्क्रिप्ट टेक्स्ट और इसका उपयोग कब करें

HTML टैग सुपरस्क्रिप्ट टेक्स्ट को निर्दिष्ट करता है। यह वह पाठ है जो पाठ की एक पंक्ति के शीर्ष पर दिखाई देता है। <उप> टैग सबस्क्रिप्ट टेक्स्ट का प्रतिनिधित्व करता है। यह टेक्स्ट की एक पंक्ति के नीचे दिखाई देने वाला टेक्स्ट है।

अधिकांश समय जब हमारा सामना टेक्स्ट से होता है, तो इसकी एक पारंपरिक आधार रेखा और x-ऊंचाई होती है।

इस लेख में इस लेख में इस बिंदु तक सब कुछ एक आधार रेखा है। यह आधार रेखा मूल रूप से वह बिंदु है जहां एक रेखांकन दिखाई देगा यदि हम इसे एक और एक x-ऊंचाई के साथ स्वरूपित करते हैं। x-ऊंचाई वह काल्पनिक रेखा है जहां एक लोअरकेस अक्षर समाप्त होता है। इसका नाम लोअरकेस x से मिलता है क्योंकि यह स्थान भरता है।

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

सुपरस्क्रिप्ट और सबस्क्रिप्ट टेक्स्ट का उपयोग कब किया जाता है?

कई बार हम ऐसे वर्णों का उपयोग करना चाहेंगे जो सेट टेक्स्ट के नीचे या ऊपर आधा वर्ण हों। सदस्यताएँ वे वर्ण हैं जो पाठ के नीचे आधा वर्ण सेट करते हैं। सुपरस्क्रिप्ट वे वर्ण होते हैं जो पाठ के ऊपर आधा वर्ण सेट करते हैं।

उदाहरण के लिए, वास्तविक दुनिया की सेटिंग में, हम गणित के समीकरणों, रासायनिक समीकरणों, उद्धरणों या फ़ुटनोट का उपयोग करते समय इन वर्णों का उपयोग करते हैं।

एचटीएमएल सुपरटेक्स्ट

HTML में सुपर टेक्स्ट बनाने के लिए टैग का प्रयोग करें। यह टैग किसी भी टेक्स्ट को लाइन में सबसे ऊपर उठाता है। सुपर टैग में कोई टैग-विशिष्ट विशेषता नहीं होती है।

आइए इस विधि के सिंटैक्स पर एक नज़र डालें:

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

4 2 =16

हमने टैग के भीतर "2" वर्ण संलग्न किया है। इससे सुपरस्क्रिप्ट में "2" दिखाई देता है। हमारा कोड अब दिखाता है:

4 =16

एचटीएमएल सबटेक्स्ट

HTML कमांड सबटेक्स्ट को परिभाषित करता है। सबटेक्स्ट टेक्स्ट को संदर्भित करता है जो टेक्स्ट की एक पंक्ति के नीचे दिखाई देता है।

इस सिंटैक्स पर विचार करें:

यह मुख्य पाठ है। <उप>3

हमारा कोड लौटाता है:

यह मुख्य पाठ है।

सुपर टेक्स्ट उदाहरण की तरह, हमने के लिए कोई टैग विशेषता निर्दिष्ट नहीं की है। टेक्स्ट को सबटेक्स्ट में ले जाने के लिए, हम उस टेक्स्ट को टैग के अंदर संलग्न करते हैं।

तत्वों की आवर्त सारणी पर तत्व संख्याओं का वर्णन करने के लिए अक्सर सबटेक्स्ट का उपयोग किया जाता है।

HTML सबटेक्स्ट और सुपरटेक्स्ट उदाहरण

आइए एक HTML वेब पेज पर और दोनों के उदाहरण के माध्यम से चलते हैं। निम्नलिखित कोड पर विचार करें:

   <शीर्षक>सुपरस्क्रिप्ट और सबस्क्रिप्ट <शैली> उप { लंबवत-संरेखण:उप; फ़ॉन्ट-आकार:छोटा; } सुपर {ऊर्ध्वाधर-संरेखण:सुपर; फ़ॉन्ट:छोटा; }  

सुपरस्क्रिप्ट

E=MC 2
1.7 x 10 4

सबस्क्रिप्ट

H2O
† 1 इप्सम, लोरेम। फुटनोट उदाहरण, 2020।

जैसा कि आप देख सकते हैं, हम . का उपयोग करते हैं और सबस्क्रिप्ट टैग और सुपरस्क्रिप्ट टैग . पर प्रभाव पैदा करने के लिए एचटीएमएल तत्व। यह कुछ डिफ़ॉल्ट मानों के साथ आता है: