-->

HTML Formatting Elements

HTML also defines special elements for defining text with a special meaning.

HTML uses elements like <b> and <i> for formatting output, like bold or italic text.

Formatting elements were designed to display special types of text:

·        <b> - Bold text

·        <strong> - Important text

·        <i> - Italic text

·        <em> - Emphasized text

·        <mark> - Marked text

·        <small> - Small text

·        <del> - Deleted text

·        <ins> - Inserted text

·        <sub> - Subscript text

·        <sup> - Superscript text

HTML <b> and <strong> Elements

The HTML <b> element defines bold text, without any extra importance.

<b>This text is bold</b>

The HTML <strong> element defines strong text, with added semantic "strong" importance.

<strong>This text is strong</strong>

HTML <i> and <em> Elements

The HTML <i> element defines italic text, without any extra importance.

<i>This text is italic</i>

The HTML <em> element defines emphasized text, with added semantic importance.

<em>This text is emphasized</em>

 

Browsers display <strong> as <b>, and <em> as <i>. However, there is a difference in the meaning of these tags: <b> and <i> defines bold and italic text, but <strong> and <em> means that the text is "important".

HTML <small> Element

The HTML <small> element defines smaller text:

<h2>HTML <small>Small</small> Formatting</h2>

HTML <mark> Element

The HTML <mark> element defines marked or highlighted text:

<h2>HTML <mark>Marked</mark> Formatting</h2>

HTML <del> Element

The HTML <del> element defines deleted (removed) text.

<p>My favorite color is <del>blue</del> red.</p>

 

HTML <ins> Element

The HTML <ins> element defines inserted (added) text.

<p>My favorite <ins>color</ins> is red.</p>

HTML <sub> Element

The HTML <sub> element defines subscripted text.

<p>This is <sub>subscripted</sub> text.</p>

HTML <sup> Element

The HTML <sup> element defines superscripted text.

<p>This is <sup>superscripted</sup> text.</p>

 

HTML Code Example :

<!DOCTYPE html>

<html>

            <head>

                        <title> HTML Formatting Elements</title>

            </ head>

            <body>

                        <h1> Heading</h1>

                        <p>  

                                    <b>This text is bold</b>

                                    <br>

                                    <strong>This text is strong</strong>

                                    <br>

                                    <i>This text is italic</i>

                                    <br>

                                    <em>This text is emphasized</em>

                                    <br>

                                    HTML <small>Small</small> Formatting

                                    <br>

                                    HTML <mark>Marked</mark> Formatting

                                    <br>

                                    My favorite color is <del>blue</del> red

                                    <br>

                                    My favorite <ins>color</ins> is red

                                    <br>

                                    This is <sub>subscripted</sub> text

                                    <br>

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

                        </p>

            </body>

</html>

Output of Code:

 

 


HTML स्वरूपण तत्व

HTML एक विशेष अर्थ के साथ टेक्स्ट को परिभाषित करने के लिए विशेष तत्वों को भी परिभाषित करता है।

HTML फॉर्मेटिंग आउटपुट के लिए <b> और <i> तत्वों का उपयोग करता है, जैसे बोल्ड या इटैलिक टेक्स्ट

स्वरूपण(फॉर्मेटिंग) तत्व विशेष प्रकार के टेक्स्ट को प्रदर्शित करने के लिए डिज़ाइन किए गए थे:

        <b> - बोल्ड टेक्स्ट

        <strong> - महत्वपूर्ण टेक्स्ट

        <i> - इटैलिक टेक्स्ट

        <em> - जोरदार टेक्स्ट

        <mark> - चिह्नित टेक्स्ट

        <small> - छोटे टेक्स्ट

        <del> - हटाए गए टेक्स्ट

        <ins> - सम्मिलित टेक्स्ट

        <sub> - सबस्क्रिप्ट टेक्स्ट

        <sup> - सुपरस्क्रिप्ट टेक्स्ट

HTML <b> और <strong> तत्व

HTML <b> तत्व बिना किसी अतिरिक्त महत्व के बोल्ड टेक्स्ट को परिभाषित करता है

<b> यह टेक्स्ट बोल्ड है </ b>

HTML <strong> तत्व महत्वपूर्ण शब्द को परिभाषित करता है

<strong> यह टेक्स्ट महत्वपूर्ण है </ strong>

HTML <i> और <em> तत्व

HTML <i> तत्व बिना किसी अतिरिक्त महत्व के, इटैलिक टेक्स्ट को परिभाषित करता है

<i> यह टेक्स्ट इटैलिक है </ i>

HTML <em> तत्व जोर देने वाला टेक्स्ट परिभाषित करता है ।

<em> इस टेक्स्ट पर बल दिया गया है </ em>

 

ब्राउज़र्स <strong> को <b> जैसा  और <em> को <i> जैसा प्रदर्शित करते हैं हालांकि, इन टैगों के अर्थ में एक अंतर है: <b> और <i> बोल्ड और इटैलिक टेक्स्ट को परिभाषित करता है, लेकिन <strong> और <em> इसका अर्थ है कि टेक्स्ट "महत्वपूर्ण" है

HTML <small> तत्व

HTML <small> तत्व छोटे टेक्स्ट को परिभाषित करता है:

<h2> HTML <small> छोटा टेक्स्ट </ small> फ़ॉर्मेटिंग </ h2>

HTML <mark> तत्व

HTML <mark> तत्व चिह्नित या हाइलाइट किए गए टेक्स्ट को परिभाषित करता है:

<h2> HTML <mark> चिह्नित </ mark> स्वरूपण </ h2>

HTML <del> तत्व

HTML <del> तत्व हटाए गए (हटाए गए) टेक्स्ट को परिभाषित करता है

<p> मेरा पसंदीदा रंग <del> नीला </ del> लाल है। </ p>

 

HTML <इन> तत्व

HTML <ins> तत्व डाला गया (जोड़ा गया) टेक्स्ट को परिभाषित करता है

<p> मेरा पसंदीदा <ins> रंग </ ins> लाल है। </ p>

HTML <sub> तत्व

एचटीएमएल <sub> तत्व सबस्क्रिप्ट किए गए टेक्स्ट को परिभाषित करता है

<p> यह <sub> सबस्क्रिप्ट वाला </ sub> टेक्स्ट है। </ p>

HTML <sup> तत्व

HTML <sup> तत्व superscripted टेक्स्ट को परिभाषित करता है

<p> यह टेक्स्ट <sup> सुपरस्क्रिप्ट किया गया </ sup> है। </ p>

 

HTML Code:

<!DOCTYPE html>

<html>

            <head>

                        <title> HTML स्वरूपण तत्व</title>

            </ head>

            <body>

                        <h1> हेडिंग </h1>

                        <p>  

                                    <b> यह टेक्स्ट बोल्ड है </b>

                                    <br>

                                    <strong> यह टेक्स्ट महत्वपूर्ण है </strong>

                                    <br>

                                    <i> यह टेक्स्ट इटैलिक है </i>

                                    <br>

                                    <em> इस टेक्स्ट पर बल दिया गया है </em>

                                    <br>

                                    HTML <small> छोटा टेक्स्ट </ small> फ़ॉर्मेटिंग

                                    <br>

                                    HTML <mark> चिह्नित </ mark> स्वरूपण

                                    <br>

                                     मेरा पसंदीदा रंग <del> नीला </ del> लाल है।

                                    <br>

                                     मेरा पसंदीदा <ins> रंग </ ins> लाल है।

                                    <br>

                                     यह <sub> सबस्क्रिप्ट वाला </ sub> टेक्स्ट है।

                                    <br>

                                    यह टेक्स्ट <sup> सुपरस्क्रिप्ट किया गया </ sup> है।

                        </p>

            </body>

</html>

ऊपर दी गयी script निचे दिया गया web page generate करेगी।  

 

HTML Text Formatting Elements | HTML टेक्स्ट फ़ॉर्मेटिंग तत्व

Tag

Description | व्याख्या

<b>

Defines bold text

बोल्ड टेक्स्ट को परिभाषित करता है

<em>

Defines emphasized text

जोर दिए टेक्स्ट को परिभाषित करता है

<i>

Defines italic text

इटैलिक टेक्स्ट को परिभाषित करता है

<small>

Defines smaller text

छोटे टेक्स्ट को परिभाषित करता है

<strong>

Defines important text

महत्वपूर्ण टेक्स्ट को परिभाषित करता है

<sub>

Defines subscript text

सबस्क्रिप्ट टेक्स्ट को परिभाषित करता है

<sup>

Defines superscript text

सुपरस्क्रिप्ट टेक्स्ट को परिभाषित करता है

<ins>

Defines inserted text

सम्मिलित टेक्स्ट परिभाषित करता है

<del>

Defines deleted text

हटाए गए टेक्स्ट को परिभाषित करता है

<mark>

Defines marked text

चिह्नित टेक्स्ट को परिभाषित करता है

 

Comments


ravi ( Date :12 Feb,2018) :
Good Tutorial kyuki ye hindi or english dono me h