HTML में Formatting और Fonts (Formatting and Fonts in HTML in Hindi)

HTML में Formatting और Fonts

परिचय

HTML में Formatting और Fonts का उपयोग वेब पेज पर टेक्स्ट को स्टाइलिश और आकर्षक बनाने के लिए किया जाता है। HTML में विभिन्न टैग होते हैं जिनका उपयोग टेक्स्ट को बोल्ड, इटैलिक, अंडरलाइन करने, रंग बदलने और फोंट को सेट करने के लिए किया जाता है। इस ब्लॉग में, हम HTML फॉर्मेटिंग और फोंट से संबंधित सभी महत्वपूर्ण टैग्स और उनके उपयोग को विस्तार से समझेंगे।

HTML Formatting क्या है?

HTML Formatting वेब पेज के टेक्स्ट को स्टाइल और बेहतर लुक देने की प्रक्रिया है। यह HTML टैग्स की मदद से किया जाता है।

HTML Formatting टैग्स

टैग	विवरण	उदाहरण
<b>	टेक्स्ट को बोल्ड (गाढ़ा) करने के लिए	यह टेक्स्ट बोल्ड है
<strong>	महत्वपूर्ण टेक्स्ट को दर्शाने के लिए (SEO फ्रेंडली)	यह महत्वपूर्ण टेक्स्ट है
<i>	टेक्स्ट को इटैलिक बनाने के लिए	यह इटैलिक टेक्स्ट है
<em>	इटैलिक टेक्स्ट को विशेष महत्व देने के लिए (SEO फ्रेंडली)	यह जोर देने वाला टेक्स्ट है
<u>	टेक्स्ट को अंडरलाइन करने के लिए	यह अंडरलाइन टेक्स्ट है
<mark>	टेक्स्ट को हाइलाइट करने के लिए	यह हाइलाइटेड टेक्स्ट है
<small>	टेक्स्ट का आकार छोटा करने के लिए	यह छोटा टेक्स्ट है
<del>	डिलीटेड टेक्स्ट दिखाने के लिए	~~यह हटाया गया टेक्स्ट है~~
<ins>	इंसर्टेड (नया जोड़ा गया) टेक्स्ट दिखाने के लिए	यह नया जोड़ा गया टेक्स्ट है
<sub>	टेक्स्ट को सबस्क्रिप्ट (नीचे छोटा) करने के लिए	H₂O
<sup>	टेक्स्ट को सुपर्सक्रिप्ट (ऊपर छोटा) करने के लिए	X² + Y²

HTML में Fonts क्या हैं?

HTML में पहले <font> टैग का उपयोग किया जाता था, लेकिन HTML5 में इसे हटा दिया गया और अब CSS का उपयोग करके फोंट को सेट किया जाता है।

CSS द्वारा Fonts सेट करने के तरीके

1. Font Family (फॉन्ट स्टाइल चुनना)


यह टेक्स्ट Arial फॉन्ट में है।

2. Font Size (फॉन्ट का आकार सेट करना)


यह टेक्स्ट 20px साइज में है।

3. Font Weight (टेक्स्ट को मोटा या पतला करना)


यह बोल्ड टेक्स्ट है।

4. Font Style (इटैलिक या नॉर्मल बनाना)


यह इटैलिक टेक्स्ट है।

5. Text Color (टेक्स्ट का रंग बदलना)


यह लाल रंग का टेक्स्ट है।

CSS द्वारा Text Formatting के अन्य उपयोग

CSS Property	उदाहरण
text-align	यह टेक्स्ट सेंटर में है।
text-transform	यह टेक्स्ट अपरकेस में है।
letter-spacing	यह टेक्स्ट ज्यादा स्पेसिंग के साथ है।
word-spacing	यह टेक्स्ट अधिक वर्ड स्पेसिंग के साथ है।

HTML और CSS द्वारा टेक्स्ट स्टाइलिंग का उपयोग





    HTML Formatting Example
    


    यह बोल्ड टेक्स्ट है।
    यह इटैलिक टेक्स्ट है।
    यह अंडरलाइन टेक्स्ट है।
    यह हाइलाइटेड टेक्स्ट है।
    यह बड़ा और लाल रंग का टेक्स्ट है।

निष्कर्ष

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