Text Formatting in HTML - Presentational Elements - Learn HTML in hindi

HTML  में Text Formatting - Presentational Elements

                        जिस तरह से हम किसी Word Processor में अपने Text को अच्‍छी तरह से प्रदर्शित करने के लिए विभिन्न प्रकार के Formatting Options प्रयोग करते हैं और विभिन्न Texts को Highlight करने के लिए Bold, Italic, Underline आदि करते हैं, ठीक उसी तरह से हम हमारे Web Page के किसी Text को भी Bold, Italic, Underline आदि करने के लिए विभिन्न प्रकार के Elements का प्रयोग कर सकते हैं। 

                     इन सभी Formatting Elements को Presentational Elements कहते हैं। अब हम इसी तरह के विभिन्न Presentational Elements के बारे में जानेंगे। 

                         ये Elements मूल रूप से केवल Document के Presentation से सम्बंधित होते हैं और Document के Structure से इनका कोई सम्बंध नहीं होता है। ये सभी Elements सभी Universal व UI Event Attributes को उपयोग में ले सकते हैं।

The < b > Element

               हमें जिस किसी भी Text को Bold दिखाना होता है, उसे हम <b></b> Tag Pair के बीच लिखते हैं। जैसे:

<b>This text is bold </b> <strong>This text is bold </strong>

               

इस Element को Use करने का मतलब ये नहीं है कि Browser किसी Text को Bold दिखाने के लिए Use किए जाने वाले Font का Boldface Version Use करता है, बल्कि कुछ Browsers कुछ Special Algorithms का प्रयोग करके Text को Bold बना देते हैं। 

              जबकि कुछ Browsers Text का Boldface Version Use करते हैं जबकि कुछ Browsers किसी और तरीके से हमारे Text को Highlight करते हैं। 

                      इस Element के स्थान पर हम <strong> Element का भी प्रयोग कर सकते हैं, जो Browser को ये बताते हैं कि उसके Content Bold Emphasis के रूप में Display होने चाहिए।

 

The < i > Element

                      हमें जिस किसी भी Text को Italic दिखाना होता है, उसे हम <i></i> Tag Pair के बीच लिखते हैं। जैसे: 

<i>This text is Italic </i> <em>This text is Italic </em>

                       इस Element के स्थान पर हम <em> Element का भी प्रयोग कर सकते हैं, जो Browser को ये बताते हैं कि उसके Content Italic Emphasis के रूप में Display होने चाहिए।

 

The < u > Element (Deprecated)

                   हमें जिस किसी भी Text को Underline दिखाना होता है, उसे हम <u></u> Tag Pair के बीच लिखते हैं। जैसे:

<u>This text is Underlined </u>

                    

                             इस Effect को प्राप्त करने के लिए हमें इस Element को Use नहीं करना चाहिए, बल्कि CSS Style को Use करना चाहिए।

The < sub > Element

जब हम किसी Text को इस Element के साथ लिखते हैं, तब वह Text हमें Subscript के रूप में दिखाई देता है। Subscript के रूप में दिखाई देने वाले Text की Size Actual Font की Size के समान ही होता है, लेकिन Font की Height Actual Font की Height से आधी ही होती है। इस Element को हम निम्नानुसार Use कर सकते हैं:

This text is <sub>subscript</sub> text.

The < sup > Element

                                 जब हम किसी Text को इस Element के साथ लिखते हैं, तब वह Text हमें घात (superscripted) के रूप में दिखाई देता है। घात के रूप में दिखाई देने वाले Text की Size Actual Font की Size के समान ही होता है, लेकिन Font की Height Actual Font की Height से आधी ही होती है। इस Element को हम निम्नानुसार Use कर सकते हैं:

This text is <sup>superscript</sup> text.

The < s > and < strike > Elements (Deprecated)

                     हमें जिस किसी भी Text को एक काटती हुई Line के साथ दिखाना होता है, उसे हम <s></s> Tag Pair या <strike></strike> Tag Pair के बीच लिखते हैं। जैसे:

<s> This text is strike </s> <strike>This text is strike </strike>

                                 ये दोनों ही Deprecated Elements हैं, इसलिए इन्‍हें CSS File में ही Use करना चाहिए, हालांकि IE व Netscape Navigator अभी भी इन Elements को Support करते हैं।

The < big > Element

                                            जब हम किसी Text को इस Element के साथ लिखते हैं, तब वह Text अन्‍य Text की तुलना में एक Point बडा होता है। यदि हम किसी Font की Largest Size को Use कर रहे हैं, तो फिर इस Element का Browser पर कोई Effect हमें दिखाई नहीं देता है। हम कई <big> Elements को एक दूसरे के अन्दर Nest कर सकते हैं। इस Element को हम निम्नानुसार Use कर सकते हैं:

this<big>text<big>is<big>big</big></big></big>

 

The < small > Element

जब हम किसी Text को इस Element के साथ लिखते हैं, तब वह Text अन्‍य Text की तुलना में एक Point छोटा होता है। यदि हम किसी Font की Smallest Size को Use कर रहे हैं, तो फिर इस Element का Browser पर कोई Effect हमें दिखाई नहीं देता है। हम कई <small> Elements को एक दूसरे के अन्दर Nest कर सकते हैं। इस Element को हम निम्नानुसार Use कर सकते हैं:

this<small>text<small>is<small>small</small></small></small>

 

The < tt > Element

                         जब हम किसी Text को इस Element के साथ लिखते हैं, तब वह Text हमें Monospaced Font में दिखाई देता है। Monospaced Font ऐसा Font होता है, जिसमें विभिन्न Characters की Width की Size एक समान नहीं होती है। उदाहरण के लिए इसमें Character m की Width  Character i की Widht से ज्यादा होती है। Monospaced Font का एक Common Example Courier Family के Fonts है। इस Element को हम निम्नानुसार Use कर सकते हैं: 

<tt>This text is Monospaced Font </tt>

 

The < hr / > Element

                       ये Element पूरे Page पर Left से लेकर Right तक एक Horizontal Line Create करता है। इस Element को हम निम्नानुसार Use कर सकते हैं:

<hr />

इन सभी Elements को हम निम्नानुसार एक HTML पेज के लिए में प्रयोग कर सकते हैं :

<html> <head> <title> learn HTML in hindi – by Indian books publication </title> </head> <body> <hr /> <b>This text is bold </b> <strong>This text is bold </strong><br /> <i>This text is Italic </i> <em>This text is Italic </em>  <br /> <u>This text is Underlined </u> <br /><br /> This text is <sup>superscript</sup> text.<br /> This text is <sub>subscript</sub> text. <br />  <hr /> <s> This text is strike </s> <strike>This text is strike </strike><br />  <hr /> this<big>text<big>is<big>big</big></big></big><br />   this<small>text<small>is<small>small</small></small></small> <br /> <tt>This text is Monospaced Font </tt> <br /> <hr /> </body> </html>