HTML में Formatting और Fonts (Formatting and Fonts in HTML in Hindi)
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> | टेक्स्ट को सबस्क्रिप्ट (नीचे छोटा) करने के लिए | H2O |
| <sup> | टेक्स्ट को सुपर्सक्रिप्ट (ऊपर छोटा) करने के लिए | X2 + Y2 |
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 का उपयोग किया जाता है, जिससे वेबसाइट को बेहतर डिजाइन और उपयोगकर्ता अनुभव प्रदान किया जा सकता है।
Related Articles
PHP में Cookies और Session का उपयोग (Cookies and Session in PHP in Hindi)
PHP में Cookies और Session का उपयोग (Cookies and Session in PHP in Hindi) पर...
Read More →PHP में ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग (OOP) का परिचय (Object Oriented Programming with PHP in Hindi)
PHP में ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग (OOP) का ...
Read More →PHP का परिचय और बुनियादी सिंटैक्स (Introduction and Basic Syntax of PHP in Hindi)
PHP का परिचय और बुनियादी सिंटैक्स (Introduction and Basic Syntax o...
Read More →XML के प्रमुख घटक (XML Key Components in Web Technology in Hindi)
XML के प्रमुख घटक (XML Key Components in Web Technology in Hindi) परिचय...
Read More →वेब टेक्नोलॉजी में XML के उपयोग (Uses of XML in Web Technology in Hindi)
वेब टेक्नोलॉजी में XML के उपयोग (Uses of XML in Web Technology in Hind...
Read More →