📘 HTML Text Style Tags – <b>, <i>, <u>
🔷 1. Introduction:
In HTML, text style tags are used to change the appearance of text.
Some common style tags are:
<b>for bold text<i>for italic text<u>for underlined text
These tags help in highlighting important words or phrases in a webpage.
🔷 2. Definitions:
| Tag | Full Form | Use |
|---|---|---|
<b> | Bold | Makes text thick and dark |
<i> | Italic | Makes text slanted |
<u> | Underline | Draws a line below text |
🔷 3. Syntax:
<b>Bold Text</b>
<i>Italic Text</i>
<u>Underlined Text</u>All these tags are paired tags (need opening and closing).
🔷 4. Example (Code):
<p><b>Important:</b> Please read the instructions carefully.</p>
<p><i>This text is in italics.</i></p>
<p><u>This line is underlined.</u></p>🔷 5. Output:
- Important: Please read the instructions carefully.
- This text is in italics.
- This line is underlined.
🔷 6. Real Life Example:
Imagine you’re creating a form or notice.
You want to highlight “IMPORTANT” or make “Terms & Conditions” italic.
Use style tags like this:
<p><b>IMPORTANT:</b> Submit the form before 5 PM.</p>
<p><i>Note: Late entries will not be accepted.</i></p>
<p><u>Read all instructions carefully.</u></p>🔷 7. Tag Summary Table:
| Tag | What It Does | Example Output |
|---|---|---|
<b> | Bold text | Bold Text |
<i> | Italic text | Italic Text |
<u> | Underlined text | Underlined Text |
🔷 8. Practical Uses:
- Emphasizing keywords
- Styling labels or titles
- Highlighting warnings or notes
- Writing book or movie names
🔷 9. CSS Alternative (Optional):
HTML5 prefers using CSS for styling. Example:
<p style="font-weight: bold;">Bold using CSS</p>
<p style="font-style: italic;">Italic using CSS</p>
<p style="text-decoration: underline;">Underline using CSS</p>🔷 10. Advantages:
- Makes important content stand out
- Easy to use and remember
- Increases readability
- Useful for emphasis
🔷 11. Limitations:
- Limited control (color, size not handled)
- Better styling with CSS
- Overuse can make page look messy
📗 HTML के Text Style Tags –
<b>,<i>,<u>
🔷 1. परिचय (Introduction):
HTML में Text Style Tags का उपयोग टेक्स्ट के रूप को बदलने के लिए किया जाता है।
इनसे हम किसी शब्द या लाइन को जोरदार (Bold), तिरछा (Italic), या रेखांकित (Underline) बना सकते हैं।
ये टैग वेबपेज पर ज़रूरी बातें हाइलाइट करने में मदद करते हैं।
🔷 2. परिभाषा (Definitions):
| टैग | पूरा नाम | कार्य |
|---|---|---|
<b> | Bold | टेक्स्ट को मोटा और गाढ़ा बनाता है |
<i> | Italic | टेक्स्ट को तिरछा बनाता है |
<u> | Underline | टेक्स्ट के नीचे रेखा खींचता है |
🔷 3. सिंटैक्स (Syntax):
<b>मोटा टेक्स्ट</b>
<i>तिरछा टेक्स्ट</i>
<u>रेखांकित टेक्स्ट</u>ये सभी टैग Paired Tags होते हैं – यानी Open और Close दोनों टैग जरूरी हैं।
🔷 4. उदाहरण (Example):
<p><b>महत्वपूर्ण:</b> कृपया निर्देश ध्यान से पढ़ें।</p>
<p><i>यह टेक्स्ट तिरछा है।</i></p>
<p><u>यह लाइन रेखांकित है।</u></p>🔷 5. आउटपुट (Output):
- महत्वपूर्ण: कृपया निर्देश ध्यान से पढ़ें।
- यह टेक्स्ट तिरछा है।
- यह लाइन रेखांकित है।
🔷 6. वास्तविक जीवन उदाहरण (Real Life Example):
मान लीजिए आप एक फॉर्म या सूचना पेज बना रहे हैं।
आप “IMPORTANT” को Bold करना चाहते हैं, या “Terms & Conditions” को Italic में।
ऐसे समय पर ये टैग काम आते हैं:
<p><b>महत्वपूर्ण:</b> कृपया समय से पहले फॉर्म जमा करें।</p>
<p><i>नोट: देरी से आई एंट्री स्वीकार नहीं की जाएंगी।</i></p>
<p><u>सभी निर्देश ध्यान से पढ़ें।</u></p>🔷 7. टैग सारणी (Tag Summary Table):
| टैग | कार्य | उदाहरण आउटपुट |
|---|---|---|
<b> | मोटा टेक्स्ट | Bold |
<i> | तिरछा टेक्स्ट | Italic |
<u> | रेखांकित टेक्स्ट | Underline |
🔷 8. उपयोग (Uses):
- कीवर्ड्स पर जोर देने के लिए
- चेतावनी या नोट्स हाइलाइट करने के लिए
- फॉर्म्स और हेडिंग्स में
- पुस्तक या फिल्म के नाम दिखाने में
🔷 9. CSS से Styling (वैकल्पिक):
HTML5 में CSS के उपयोग को प्राथमिकता दी जाती है:
<p style="font-weight: bold;">CSS से Bold</p>
<p style="font-style: italic;">CSS से Italic</p>
<p style="text-decoration: underline;">CSS से Underline</p>🔷 10. लाभ (Advantages):
- महत्वपूर्ण कंटेंट को हाइलाइट करता है
- उपयोग में आसान
- पढ़ने की समझ बढ़ाता है
- सभी ब्राउज़र में काम करता है
🔷 11. सीमाएँ (Limitations):
- रंग, साइज आदि पर कंट्रोल नहीं होता
- स्टाइलिंग के लिए CSS बेहतर विकल्प है
- ज़्यादा प्रयोग से पेज भरा हुआ लग सकता है
