Introduction
जब हम कोई web page बनाते हैं, तो केवल text दिखाना ही काफी नहीं होता, बल्कि उसे readable और attractive बनाना भी जरूरी होता है।
सोचिए—अगर पूरा content एक ही तरह का plain text हो, न कोई highlight, न कोई emphasis, तो user को पढ़ने में दिक्कत होगी और interest भी कम हो जाएगा।
यहीं पर Text Formatting और Text Style काम आते हैं। इनके माध्यम से हम text को bold, italic, underline, highlight आदि कर सकते हैं, जिससे content ज्यादा clear और user-friendly बनता है।
Web Designing के students के लिए यह concept बहुत जरूरी है, क्योंकि अच्छे formatting से ही content professional दिखता है।
Definition
Text Formatting & Text Style वह प्रक्रिया है जिसमें HTML tags का उपयोग करके text की appearance (जैसे bold, italic, underline आदि) को बदला जाता है, ताकि content को बेहतर तरीके से प्रस्तुत किया जा सके।
Concept
1. Bold Text
Bold text important information को highlight करने के लिए use होता है।
<b>This is bold text</b>Give feedback
Output:
Text मोटा (bold) दिखाई देगा।
2. Italic Text
Italic text emphasis देने के लिए use किया जाता है।
<i>This is italic text</i>Give feedback
Output:
Text तिरछा (italic) दिखाई देगा।
3. Underline Text
Underline text किसी खास शब्द या लाइन को highlight करने के लिए use होता है।
<u>This is underlined text</u>Give feedback
Output:
Text के नीचे लाइन दिखाई देगी।
4. Strong Tag
यह important text को दिखाने के लिए use होता है (semantic meaning के साथ)।
<strong>This is important text</strong>Give feedback
Output:
Text bold दिखाई देगा और उसकी importance भी दर्शाएगा।
5. Emphasized Text
यह text पर जोर देने के लिए use होता है।
<em>This is emphasized text</em>Give feedback
Output:
Text italic दिखाई देगा और emphasis दिखाएगा।
6. Superscript Text
Text को ऊपर की ओर छोटा करके दिखाने के लिए use होता है।
x<sup>2</sup>Give feedback
Output:
x²
7. Subscript Text
Text को नीचे की ओर छोटा करके दिखाने के लिए use होता है।
H<sub>2</sub>OGive feedback
Output:
H₂O
8. Marked Text
Text को highlight करने के लिए use होता है।
<mark>This is highlighted text</mark>Give feedback
Output:
Text highlight (background color) के साथ दिखाई देगा।
9. Small Text
Text को छोटा दिखाने के लिए use होता है।
<small>This is small text</small>Give feedback
Output:
Text सामान्य से छोटा दिखाई देगा।
10. Deleted Text
किसी text को हटाया हुआ दिखाने के लिए use होता है।
<del>This text is deleted</del>Give feedback
Output:
Text के बीच में line दिखाई देगी।
11. Inserted Text
नया जोड़ा गया text दिखाने के लिए use होता है।
<ins>This text is inserted</ins>Give feedback
Output:
Text के नीचे underline दिखाई देगा।
Real-Life Example
मान लीजिए आप एक नोट्स लिख रहे हैं:
Important points को आप bold करते हैं
Definitions को underline करते हैं
Examples को italic में लिखते हैं
ठीक इसी तरह HTML में भी formatting tags का उपयोग करके content को structured और readable बनाया जाता है।
Important Points
Text formatting content को attractive बनाता है
यह user readability को improve करता है
HTML में अलग-अलग tags अलग-अलग style के लिए होते हैं
Semantic tags (strong, em) meaning भी बताते हैं
Formatting से web page professional दिखता है
निष्कर्ष
Text Formatting & Text Style HTML का एक महत्वपूर्ण हिस्सा है, जो web pages को simple text से professional presentation में बदल देता है। सही formatting से content ज्यादा समझने योग्य और user-friendly बनता है, इसलिए Web Designing में इसका सही उपयोग करना बहुत जरूरी है।