🔷 1. Introduction:
The <font> tag in HTML is used to change how the text looks.
It allows us to change the font type, font size, and font color.
Though it is not supported in HTML5, it is still useful for beginners to learn text formatting basics.
🔷 2. Definition:
The <font> tag is used to set:
face: Font type (like Arial, Verdana)size: Size of the text (1 to 7)color: Color of the text (named or hex code)
🔷 3. Syntax + Example:
<font face="Arial" size="5" color="blue">
This is styled text.
</font>
🔷 4. Explanation of Attributes:
| Attribute | Use / Meaning |
|---|---|
face | Sets font style (e.g., Arial, Times New Roman) |
size | Sets size from 1 (smallest) to 7 (largest) |
color | Sets text color using name or hex code |
<p style="font-family: Arial; font-size: 24px; color: blue;">Styled Text</p>- Still helpful for understanding basic formatting
🔷 8. Advantages:
- Easy way to change font appearance
- Simple for HTML beginners
- Can style text quickly without CSS
- Supported in older browsers
🔷 9. Limitations:
- Not supported in modern HTML5
- No control over advanced styling
- Better to use CSS for all formatting tasks
HTML का
<font>टैग — Face, Size और Color Attributes
🔷 1. परिचय (Introduction):
HTML में टेक्स्ट की शैली (style) बदलने के लिए <font> टैग का प्रयोग किया जाता है।
इस टैग की मदद से हम टेक्स्ट का रंग (color), आकार (size) और फॉन्ट स्टाइल (face) बदल सकते हैं।
हालांकि HTML5 में यह टैग बंद (deprecated) हो चुका है,
लेकिन HTML सीखने की शुरुआत में यह टैग आसान टेक्स्ट फॉर्मेटिंग सिखाने के लिए उपयोगी है।
🔷 2. परिभाषा (Definition):
<font> टैग का प्रयोग टेक्स्ट को स्टाइल करने के लिए किया जाता है।
इसके तीन मुख्य attributes होते हैं:
face– फॉन्ट स्टाइल सेट करता है (जैसे Arial, Verdana)size– टेक्स्ट का साइज सेट करता है (1 से 7 तक)color– टेक्स्ट का रंग सेट करता है (जैसे red, blue या hex code)
🔷 3. सिंटैक्स + उदाहरण (Syntax + Example):
<font face="Arial" size="5" color="blue">
यह स्टाइल किया हुआ टेक्स्ट है।
</font>
🔷 4. आउटपुट (Output):
ऊपर दिए गए कोड से जो टेक्स्ट ब्राउज़र में दिखेगा:
- Arial फॉन्ट में
- साइज 5 (बड़ा टेक्स्ट)
- और नीले रंग (blue) में
🔷 5. प्रत्येक Attribute का विवरण (Description Table):
| Attribute | कार्य / उपयोग |
|---|---|
face | फॉन्ट टाइप सेट करता है (जैसे Arial, Times New Roman) |
size | टेक्स्ट का आकार सेट करता है (1 से 7) |
color | टेक्स्ट का रंग सेट करता है (जैसे red, green, #0000FF आदि) |
🔷 6. वास्तविक जीवन उदाहरण (Real Life Example):
मान लीजिए एक छात्र अपने स्कूल प्रोजेक्ट में <font size="6" color="green">WELCOME</font> लिखता है,
तो यह टेक्स्ट बड़ा और हरे रंग में दिखाई देगा — जिससे हेडिंग आकर्षक लगेगी।
🔷 7. व्यावहारिक जानकारी (Practical Notes):
<font>टैग को अब HTML5 में उपयोग नहीं किया जाता- अब इसकी जगह CSS (Cascading Style Sheets) का प्रयोग होता है
- CSS में ऐसा लिखा जाता है:
<p style="font-family: Arial; font-size: 24px; color: blue;">
यह CSS से स्टाइल किया हुआ टेक्स्ट है।
</p>🔷 8. लाभ (Advantages):
- CSS के बिना भी टेक्स्ट को फॉर्मेट कर सकते हैं
- शुरुआती HTML छात्रों के लिए सरल
- फास्ट और बेसिक डिज़ाइनिंग में सहायक
- पुराने ब्राउज़र में पूरी तरह काम करता है
🔷 9. सीमाएँ (Limitations):
- HTML5 में सपोर्ट नहीं है (deprecated)
- सीमित styling विकल्प
- Responsive और modern डिजाइन के लिए यह टैग उपयोगी नहीं
- केवल साधारण टेक्स्ट फॉर्मेटिंग तक सीमित
