HTML Formating बेहतर लुक और फील के लिए टेक्स्ट को फ़ॉर्मेट करने की एक प्रक्रिया है। HTML हमें CSS का उपयोग किए बिना टेक्स्ट को फॉर्मेट करने की क्षमता प्रदान करता है। HTML में कई फ़ॉर्मेटिंग टैग होते हैं। इन टैग्स का इस्तेमाल टेक्स्ट को बोल्ड, इटैलिक या अंडरलाइन करने के लिए किया जाता है। HTML और XHTML में टेक्स्ट कैसे दिखाई देता है, इसके लिए लगभग 12 विकल्प उपलब्ध हैं।

यहां, हम 12 HTML फ़ॉर्मेटिंग टैग सीखने जा रहे हैं। HTML Formating पाठ की सूची निम्नलिखित है।
HTML Formating in Hindi
Element name | विवरण |
---|---|
<b> | इस टैग का उपयोग उस टेक्स्ट को बोल्ड करने के लिए किया जाता है जिसके बीच में टेक्स्ट लिखा गया था। |
<strong> | यह टैग ब्राउज़र को बताता है कि टेक्स्ट महत्वपूर्ण है। |
<i> | इस टैग का प्रयोग टेक्स्ट को इटैलिक बनाने के लिए किया जाता है। |
<em> | इस टैग का उपयोग सामग्री को इटैलिक में प्रदर्शित करने के लिए किया जाता है। |
<mark> | इस टैग का प्रयोग टेक्स्ट को हाईलाइट करने के लिए किया जाता है। |
<u> | इस टैग का उपयोग इसके बीच लिखे टेक्स्ट को रेखांकित (Underline) करने के लिए किया जाता है। |
<sup> | यह सामग्री को सामान्य रेखा से थोड़ा ऊपर प्रदर्शित करता है। |
<sub> | यह सामग्री को सामान्य रेखा से थोड़ा नीचे प्रदर्शित करता है। |
<del> | इस टैग का उपयोग हटाए गए सामग्री को प्रदर्शित करने के लिए किया जाता है। |
<ins> | यह टैग उस सामग्री को प्रदर्शित करता है जिसे जोड़ा गया है |
<big> | इस टैग का उपयोग एक पारंपरिक इकाई द्वारा फ़ॉन्ट आकार बढ़ाने के लिए किया जाता है। |
<small> | इस टैग का उपयोग फ़ॉन्ट आकार को आधार फ़ॉन्ट आकार से एक इकाई कम करने के लिए किया जाता है। |
1) HTML Bold Text in Hindi
HTML and formatting elements in Hindi
HTML तत्व एक भौतिक टैग है जो बिना किसी तार्किक महत्व के बोल्ड फ़ॉन्ट में टेक्स्ट प्रदर्शित करता है। यदि आप <b> ………… </b> तत्व के अंदर कुछ भी लिखते हैं, तो बोल्ड अक्षरों में दिखाया जाता है।
<p> <b>अपना पहला पैराग्राफ बोल्ड टेक्स्ट में लिखें।</b></p>
Output:
अपना पहला पैराग्राफ बोल्ड टेक्स्ट में लिखें।
HTML <strong> टैग एक तार्किक टैग है, जो सामग्री को बोल्ड फ़ॉन्ट में प्रदर्शित करता है और ब्राउज़र को इसके तार्किक महत्व के बारे में सूचित करता है। अगर आप ????????? के बीच में कुछ भी लिखते हैं। , महत्वपूर्ण पाठ दिखाया गया है।
यह उदाहरण देखें:
<p><strong>यह एक महत्वपूर्ण सामग्री है</strong>, और यह सामान्य सामग्री है</p>
Output:
यह एक महत्वपूर्ण सामग्री है, और यह सामान्य सामग्री है
2) Italic Text in Hindi
HTML <i> तत्व एक भौतिक तत्व है, जो बिना किसी अतिरिक्त महत्व के इटैलिक फ़ॉन्ट में संलग्न सामग्री को प्रदर्शित करता है। अगर आप <i> ………… </i>एलीमेंट के अंदर कुछ भी लिखते हैं, तो इसे इटैलिक अक्षरों में दिखाया जाता है।
यह उदाहरण देखें:
<p> <i>इटैलिक टेक्स्ट में अपना पहला पैराग्राफ लिखें।</i></p>
Output:
इटैलिक टेक्स्ट में अपना पहला पैराग्राफ लिखें।
HTML <em> टैग एक तार्किक तत्व है, जो इटैलिक फ़ॉन्ट में संलग्न सामग्री को अतिरिक्त शब्दार्थ महत्व के साथ प्रदर्शित करेगा।
यह उदाहरण देखें:
<p><em>यह एक महत्वपूर्ण सामग्री है</em>, जो इटैलिक फॉन्ट में प्रदर्शित होता है।</p>
Output:
यह एक महत्वपूर्ण सामग्री है, जो इटैलिक फॉन्ट में प्रदर्शित होता है
3) HTML Marked formatting in Hindi
अगर आप किसी टेक्स्ट को मार्क या हाईलाइट करना चाहते हैं, तो आपको कंटेंट को <mark> ……. </mark> के अंदर लिखना चाहिए।
यह उदाहरण देखें:
<p> मैं एक डालना चाहता हूँ <mark> निशान</mark> तुम्हारे सामने</p>
Output:
मैं एक डालना चाहता हूँ निशान तुम्हारे सामने
4) Underlined Text in Hindi
अगर आप <ul> ……… </ul> एलीमेंट में कुछ भी लिखते हैं, तो अंडरलाइन टेक्स्ट में दिखाया जाता है।
यह उदाहरण देखें:
<p> <u>रेखांकित पाठ में अपना पहला अनुच्छेद लिखें।</u></p>
Output:
रेखांकित पाठ में अपना पहला अनुच्छेद लिखें।
5) Superscript Text in Hindi
यदि आप सामग्री को <sup> …………. </sup> तत्व के भीतर रखते हैं, तो सुपरस्क्रिप्ट में दिखाया जाता है; इसका मतलब है कि यह अन्य पात्रों के ऊपर आधा चरित्र की ऊंचाई प्रदर्शित करता है।
यह उदाहरण देखें:
<p>Hello <sup>सुपरस्क्रिप्ट में अपना पहला पैराग्राफ लिखें।</sup></p>
Output:
Hello सुपरस्क्रिप्ट में अपना पहला पैराग्राफ लिखें।
6) Subscript Text in Hindi
यदि आप सामग्री को <sub> …………. </sub> तत्व के भीतर रखते हैं, तो सबस्क्रिप्ट में दिखाया जाता है; इसका मतलब है कि यह अन्य पात्रों के नीचे आधे चरित्र की ऊंचाई प्रदर्शित करता है।
यह उदाहरण देखें:
<p>Hello <sub>सबस्क्रिप्ट में अपना पहला पैराग्राफ लिखें.</sub></p>
Output:
Hello सबस्क्रिप्ट में अपना पहला पैराग्राफ लिखें
7) Deleted Text in Hindi
जो कुछ भी <del> ………. </del> में डालता है उसे हटाए गए टेक्स्ट के रूप में प्रदर्शित किया जाता है।
यह उदाहरण देखें:
<p>Hello <del>अपना पहला पैराग्राफ हटाएं।</del></p>
Output:
Hello अपना पहला पैराग्राफ हटाएं।
8) Inserted Text in Hindi
कुछ भी जो <ins> ………. </ins> के भीतर रखता है, सम्मिलित पाठ के रूप में प्रदर्शित होता है।
यह उदाहरण देखें:
<p> <del>अपना पहला पैराग्राफ हटाएं.</del><ins>एक और पैराग्राफ लिखें।</ins></p>
Output:
अपना पहला पैराग्राफ हटाएं. एक और पैराग्राफ लिखें।
9) Larger Text in Hindi
अगर आप अपने फॉन्ट साइज को बाकी टेक्स्ट से बड़ा रखना चाहते हैं तो कंटेंट को <big> ……. </big> के अंदर रखें। यह पिछले वाले की तुलना में एक फ़ॉन्ट आकार को बड़ा करता है।
यह उदाहरण देखें:
<p>Hello <big>पैराग्राफ को बड़े फॉन्ट में लिखें।</big></p>
Output:
Hello पैराग्राफ को बड़े फॉन्ट में लिखें।
12) Smaller Text in Hindi
अगर आप अपने फॉन्ट साइज को बाकी टेक्स्ट से छोटा रखना चाहते हैं तो कंटेंट को <small>…… </small> टैग के अंदर रखें। यह पिछले वाले की तुलना में एक फ़ॉन्ट आकार को कम करता है।
यह उदाहरण देखें:
<p>Hello <small>पैराग्राफ को छोटे फॉन्ट में लिखें।</small></p>
Output:
Hello पैराग्राफ को छोटे फॉन्ट में लिखें।