एच.टी.एम.एल. टेक्स्ट फ़ॉर्मेटिंग टैग्स
HTML Text Formatting Tags

एचटीएमएल टेक्स्ट फ़ॉर्मेटिंग टैग्स
HTML Text Formatting Tags

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

किसी वर्ड प्रोसेसर में की गई टेक्स्ट फ़ॉर्मेटिंग की तरह ही एचटीएमएल टेक्स्ट फॉर्मेटिंग का उपयोग वेब पेज में भी किया जा सकता है। HTML में टेक्स्ट फ़ॉर्मेटिंग के लिए फ़ॉर्मेटिंग टैग्स का प्रयोग किया जाता है। फ़ॉर्मेटिंग टैग्स द्वारा टेक्स्ट को विभिन्न इफेक्ट्स जैसे – बोल्ड, इटैलिक, अंडरलाइन, स्ट्रांग, हाईलाइट आदि इफ़ेक्ट दिए जा सकते हैं।

एचटीएमएल टेक्स्ट फ़ॉर्मेटिंग के लाभ
AdvanTages of HTML Text Formatting

HTML में टेक्स्ट फ़ॉर्मेटिंग के निम्न लाभ हैं :
 ➥ एचटीएमएल डॉक्यूमेंट में महत्वपूर्ण शब्दों या वाक्यांशों को अलग से दर्शाने के लिए उन्हें बोल्ड या इटेलिक फॉर्मेट देने के लिए टेक्स्ट फ़ॉर्मेटिंग का उपयोग किया जा सकता है, जिससे मुख्य बिंदुओं को पहचानना आसान हो जाता है।
 ➥ टेक्स्ट फ़ॉर्मेटिंग के द्वारा एचटीएमएल डॉक्यूमेंट की पठनीयता (Readability) को बढ़ाया सकता है, जो कि डॉक्यूमेंट को पढ़ने एवं समझने में आसान बना सकता है।
 ➥ दस्तावेज़ को अधिक आकर्षक बनाने के लिए टेक्स्ट फ़ॉर्मेटिंग का उपयोग किया जा सकता है, जिससे वेबपेज की उपयोगिता बढ़ती है।
 ➥ HTML टेक्स्ट फ़ॉर्मेटिंग का उपयोग एक्सैससिबिलिटी में भी सहयोगी होता है, जैसे फ़ॉन्ट साइज़ का आकार या कंट्रास्ट रंगों का उपयोग करना।

एचटीएमएल टेक्स्ट फ़ॉर्मेटिंग टैग्स
HTML Text Formatting Tags

Formatting टैग से डॉक्यूमेंट की फ़ॉर्मेटिंग की जाती है। ब्राउज़र में टेक्स्ट किस प्रकार जैसे बोल्ड, इटैलिक, अंडरलाइन फ़ॉर्मेट में दिखाई देगा इसके लिए फ़ॉर्मेटिंग टैग को प्रयोग में लाया जाता है। महत्वपूर्ण फ़ॉर्मेटिंग टैग निम्नानुसार हैं :

HTML Code	Text Format
<b> ........</b>	Bold Text
<i> ........</i>	Italic Text
<u> ........</u>	Underlined Text
<sup> ........</sup>	Superscript Text
<sub> ........</sub>	Subscript Text
<em> ........</em>	Emphasized Text
<strong> ........</strong>	Strong Text
<mark> ........</mark>	Highlighted Text
<big> ........</big>	Big Text
<small> ........</small>	Small Text
<del> ........</del>	Deleted Text
<ins> ........</ins>	Inserted Text

बोल्ड टैग <b> ........</b >

बोल्ड टैग <b> ........</b > बोल्ड टेक्स्ट को परिभाषित करता है इससे टेक्स्ट को बोल्ड (Bold) किया जाता है। बोल्ड टेक्स्ट सामन्य टैग से थोड़ा अधिक गहरा /बोल्ड दिखाई देता है, इसे सामन्यत: पैराग्राफ हेडिंग, टेबल हेडिंग आदि के लिए प्रयुक्त किया जाता है। उदाहरण:

<b>This text is bold</b >

आउटपुट :

This text is bold
इटेलिक टैग <i> ........</i >

इटेलिक टैग <i> ........</i > इटेलिक टेक्स्ट को परिभाषित करता है इससे टेक्स्ट को इटेलिक (Italic) किया जाता है, जो सामान्य टेक्स्ट तिरछा दिखाई देता है, इसे सामन्यत: किसी विशेष टेक्स्ट को अलग से दर्शाने के लिए प्रयुक्त किया जाता है। उदाहरण:

<i>This text is Italic</i >

आउटपुट :

This text is Italic
अन्डरलाइन टैग <u> ........</u >

अन्डरलाइन टैग <u> ........</u > टेक्स्ट को अन्डरलाइन करने के लिए प्रयोग किया जाता है, इसमें टैग के अंदर का टेक्स्ट के नीचे एक लाइन दिखाई देती है। जिसे अन्डरलाइन कहा जाता है। इसे भी सामन्यत: पैराग्राफ हेडिंग, टेबल हेडिंग आदि के लिए प्रयुक्त किया जाता है।
उदाहरण:

<b>This text is Underlined </b >

आउटपुट :

This text is Underlined
सुपरस्क्रिप्ट ^........ एवं सब्स्क्रिप्ट _........ टैग

सुपरस्क्रिप्ट टैग ^........ टेक्स्ट को सुपरस्क्रिप्ट फॉर्म में लिखने के लिए किया जाता है। जो कि सामान्य टेक्स्ट से ऊपर की ओर दिखाई डेटा है। जबकि सब्स्क्रिप्ट _........ का प्रयोग टेक्स्ट को सब्स्क्रिप्ट फॉर्म में लिखने के लिए प्रयोग करते हैं। साइंस एवं मैथ्स फार्मूला में इनका अधिकतम प्रयोग किया जाता है। देता है, इसे सामन्यत: किसी विशेष टेक्स्ट को अलग से दर्शाने के लिए प्रयुक्त किया जाता है।
उदाहरण:

This text is ^Superscript and _Subscript form.

आउटपुट :

This text is ^Superscript and _Subscript
एम्फेसाइज़ <em> ........</em> एवं स्ट्रॉंग <strong> ........</strong> टैग

एम्फेसाइज़ टैग <em> ........</em> टेक्स्ट किसी भी को सामान्य से अधिक प्रभावशील दिखाने अथवा उस पर जोर देने के लिए प्रयोग किया जाता है, यह इटेलिक टेक्स्ट की तरह ही प्रदर्शित होता है।
स्ट्रॉंग <strong> ........</strong> टैग किसी भी टेक्स्ट को स्ट्रॉंगली एम्फेसाइज़ करने के लिए किया जाता है। यह बोल्ड टेक्स्ट की तरह दिखाई देता है।
उदाहरण:

This text is <em> Emphasized </em> and <strong> Strong</strong>.

आउटपुट :

This text is Emphasized and Strong
मार्क टैग <mark> ........</mark >

मार्क टैग <mark> ........</mark> टेक्स्ट को हाई लाइट करने के लिए प्रयोग किया जाता है, इसमें टैग के अंदर का टेक्स्ट हाईलाइट होकर दिखाई देता है।
उदाहरण:

This text is <mark>Highlighted </mark>

आउटपुट :

This text is Highlighted
डिलीट <del> ........</del> एवं इन्सर्ट <ins> ........</ins> टैग

डिलीट टैग <del> ........</del> ऐसे टेक्स्ट के लिए प्रयोग किया जाता है जिसे किसी संदर्भ से हटा दिया गया हो, इसे टेक्स्ट के बीच लाइन (स्ट्राइकथ्रू) की तरह प्रदर्शित किया जाता है।
इन्सर्ट <ins> ........</ins> टैग को किसी डिलीट किए गए टेक्स्ट की जगह प्रयोग करने के लिए किया जाता है। यह टेक्स्ट को अन्डरलाइन की तरह प्रदर्शित करता है।
उदाहरण:

This text is <del>Deleted</del> and <ins>Insert</ins> Text.
My favourite color is <del>Red</del> <ins>Blue</ins>.

आउटपुट :

This text is Deleted and Inserted Text
My favourite color is Red Blue.
स्मॉल <small> ........</small> एवं बिग <big> ........</big> टैग

स्मॉल <small> ........</small> ऐसे टेक्स्ट के लिए प्रयोग किया जाता है जिसे सामान्य आकार से छोटा दिखाना हो।
बिग <big> ........</big> टैग, टेक्स्ट को उसके सामान्य आकार से बड़ा प्रदर्शित करने के लिए किया जाता है।
उदाहरण:

<small> This is an example of Small Tag</small>
<big> This is an example of Big Tag</big>

आउटपुट :

This is an example of Small Tag
This is an example of Big Tag
ब्लॉकक्वोट (Blockquote) टैग <blockquote> ........</blockquote>

ब्लॉककोट (Blockquote) टैग <blockquote> ........</blockquote > किसी भी उद्धरण (Quote) के लिए प्रयोग किया जाता है। सामान्यतः इसे किसी संदर्भ के लिए प्रयोग किया जाता है- जैसे किसी लेखक/विद्वान आदि के विचार, महत्त्वपूर्ण कथन, आदि। इसके अंदर दिया गया टेक्स्ट एक ब्लॉक के रूप में दिखाई देता है, जो कि अन्य टेक्स्ट से इंडेंट किया होता है।
उदाहरण:

Dalai Lama said <blockquote>"The purpose of our lives is to be happy." </blockquote>

आउटपुट :

Dalai Lama said

"The purpose of our lives is to be happy."

एब्रीवीऐशन (Abbreviation) टैग <abbr> ........</abbr>

एब्रीवीऐशन (Abbreviation) टैग <abbr> ........</abbr> का प्रयोग किसी भी शब्द के फुल फॉर्म के लिए किया जाता है। इसके साथ टाइटल टैग का प्रयोग किया जाता है। जिससे माउस ओवर करने पर उस शब्द का फुल फॉर्म स्क्रीन पर दिखाई देगा।
उदाहरण:

<abbr><title="Hyper Test Markup Language"> HTML</abbr> is used for web page design.

आउटपुट :

HTML is used for web page design.
एड्रैस (Address) टैग <address> ........</address>

एड्रैस (Address) टैग <address> ........</address> का प्रयोग किसी एड्रेस अथवा कान्टैक्ट इनफार्मेशन के लिए किया जाता है। इसके साथ टाइटल टैग का प्रयोग किया जाता है। यह हमेशा इटेलिक फॉर्म में दिखाई देता है, एवं इसके बाद में लाइन ब्रेक भी दिखाई देगा।
उदाहरण:

Contact us : <address> iticopaguide@gmail.com</address>

आउटपुट :

Contact us :

iticopaguide@gmail.com

सैम्पल (Sample) टैग <samp> ........</samp>

सैम्पल (Sample) टैग <samp> ........</samp> का प्रयोग कंप्यूटर प्रोग्राम के आउटपुट के लिए किया जाता है। किसी प्रोग्राम का आउटपुट कंप्यूटर सिस्टम पर किस प्रकार दिखाई देगा इसके लिए इस टैग का प्रयोग किया जाता है।
उदाहरण:

Message from my computer: </br> <samp> File not found. </br>Press F1 to continue </samp>

आउटपुट :

Message from my computer:
File not found.
Press F1 to continue