Text formatting tags: h1 to h6, p, b, i, strong, em In Hindi

Text formatting tags: h1 to h6, p, b, i, strong, em In Hindi

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

Text formatting tags: h1 to h6, p, b, i, strong, em In Hindi

So let us know the text formatting tags introduced in HTML5 better.

HTML5 Heading Tags.

एचटीएमएल5 वेब डेवेलपमेंट में h1 से h6 तक हैडिंग टैग का उपयोग मल्टीप्ल लेवल पर बड़े से छोटे आकार में टेक्स्ट को हैडिंग में बोल्ड आकर में डिस्प्ले किया जाता है, हैडिंग टैग में हैडिंग1 से लेकर हैडिंग 6 तक वेब पेज टेक्स्ट कंटेंट को हैडिंग से पैराग्राफ टेक्स्ट आर्डर में डिस्प्ले कर सकते है, जहा हैडिंग 1 से हैडिंग 6 तक आर्डर में ब्लॉग पोस्ट टेक्स्ट बड़े से छोटे फॉण्ट टेक्स्ट साइज में प्रीव्यू करते है।

HTML5 Heading Tags Attributes. 

  • Heading <h1> Tag – h1 टैग एचटीएमएल5 वेब पेज टेक्स्ट को सबसे उच्चतम स्तर के टेक्स्ट फॉर्मेट साइज में प्रीव्यू करता है। जहा h1 टैग सामान्यता वेबपेज हैडर में बड़े फॉण्ट आकार में टेक्स्ट डिस्प्ले करेगा।
  • Heading <h6> Tag – एचटीएमएल5 वेब पेज में हैडिंग h6 का उपयोग सबसे छोटे आकार में हैडिंग टेक्स्ट को प्रीव्यू करता है। जहा हैडिंग h6 वेब पेज टेक्स्ट को पैराग्राफ टैग की भाती सबसे निम्मनतम स्तर पर डिस्प्ले करता है।

Heading Tag Examples in HTML5.

<h1>This Is The Heading Text 1</h1>

    <h2>This Is The Heading Text 2</h2>

    <h3>This Is The Heading Text 3</h3>

    <h4>This Is The Heading Text 4</h4>

    <h5>This Is The Heading Text 5</h5>

    <h6>This Is The Heading Text 6</h6>

HTML5 Paragraph Tags.

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

Paragraph Tag Examples in HTML5.

<p>This Is The Simple Paragraph Tag Text </p>

HTML5 Bold Tags.

एचटीएमएल5 वेब पेज में बोल्ड <b> टैग का उपयोग वेब पेज टेक्स्ट को बोल्ड या बड़े डार्क आकार में डिस्प्ले करता है, एचटीएमएल5 में बोल्ड टेक्स्ट टेक्स्ट फोर्मत्टिंग्स में एक स्टाइलिंग इफ़ेक्ट है, जहा बोल्ड टैग सिंपल पैराग्राफ टेक्स्ट को मोटे डार्क आर्डर में प्रीव्यू करेगा।

Bold Tag Examples in HTML5.

<p>Bold Tag Used To Display <b>Bold</b> Web Page Text </p>

HTML5 Italic Tags.

एचटीएमएल5 वेब पेज में इटैलिक <i> टैग वेब पेज टेक्स्ट स्टाइल फॉर्मेट को इटैलिक या इटैलिकाइज़ आर्डर में डिस्प्ले करता है, यदि आप अपने वेब पेज टेक्स्ट में किसी पर्टिकुलर टेक्स्ट इनफार्मेशन को इटैलिक आर्डर में प्रीव्यू करना चाहते है, तब आप इटैलिक टैग का उपयोग करे। इटैलिक टैग सामान्य टेक्स्ट को थोड़ा वर्टीकल डाउन आर्डर में इटैलिक कर टेक्स्ट को प्रीव्यू करता है।

Italic Tag Examples in HTML5.

<p>Italic Tag Used To Display <i>Italic</i> Web Page Text </p>

HTML5 Strong Tags.

एचटीएमएल5 वेब पेज में <strong> टैग टेक्स्ट को बोल्ड टेक्स्ट की तरह थोड़ा डार्क या मोटे बोल्ड आकार में डिस्प्ले करता है, स्ट्रांग टैग वेब पेज में पर्टिकुलर टेक्स्ट को स्पेशल स्टाइलिंग इफ़ेक्ट प्रदान करता है। एचटीएमएल5 वेब पेज में स्ट्रांग टैग किसी वेब पेज टेक्स्ट को स्पेशल फोर्मत्टिंग्स में प्रीव्यू करता है।

Strong Tag Examples in HTML5.

<p>Strong Tag Used To Display Text In <strong>Strong Bold </strong> Web Page Text </p>

HTML5 Emphasis Tags.

एचटीएमएल5 वेब पेज में एम्फेसिस <em> टैग इटैलिक टैग की तरह टेक्स्ट को इटैलिक आर्डर में प्रीव्यू करता है, और वेब पेज टेक्स्ट को एम्फेसिस आर्डर में टेक्स्ट प्रीव्यू करता है। जब आप वेब पेज में किसी विशेष टेक्स्ट को नोटिस करवाना चाहते है।

Em Tag Examples in HTML5.

<p>Emphasis Tag Used To Display <em>Emphasis </em> Web Page Text</p>

 Text Formatting Tags in HTML5 Example.

<!DOCTYPE html>

<html lang=”en”>

<head>

    <meta charset=”UTF-8″>

    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

    <title>HTML5 Text Formatting Tag</title>

</head>

<body>

    <h1>This Is The Heading Text 1</h1>

    <h2>This Is The Heading Text 2</h2>

    <h3>This Is The Heading Text 3</h3>

    <h4>This Is The Heading Text 4</h4>

    <h5>This Is The Heading Text 5</h5>

    <h6>This Is The Heading Text 6</h6>

    <p>This Is A Simple Paragraph Tag Text</p>

    <p>This Is The Without Bold Web Page Text, <b> This Is The Bold Web Page Text</b></p>

    <p>This Is The Without Italic Web Page Text, <i> This Is The Italic Web Page Text</i></p>

    <p>This Is The Without Strong Web Page Text, <strong>This Is The Strong Web Page Text</strong></p>

    <p>This Is The Without Emphasis Web Page Text, <em> This Is The Emphasis Web Page Text</em></p>

</body>

</html>

Text formatting tags in an HTML5 web page.

  • Heading tag – एचटीएमएल5 वेब पेज में टेक्स्ट इनफार्मेशन को हैडिंग 1 से लेकर हैडिंग 6 टेक्स्ट इनफार्मेशन को पदानुक्रम में डिस्प्ले करते है।
  • Paragraph (<p>) tag – एचटीएमएल5 वेब पेज में टेक्स्ट इनफार्मेशन को पैराग्राफ टेक्स्ट के ब्लॉक फ्रोमैट में प्रीव्यू किया जाता है।
  • Bold (<b>) tag – एचटीएमएल5 वेब पेज में टेक्स्ट इनफार्मेशन को बोल्ड आर्डर में प्रीव्यू किया जाता है।
  • Italic (<i>) tag – एचटीएमएल5 वेब पेज में टेक्स्ट इनफार्मेशन को इटैलिक आर्डर में प्रीव्यू किया जाता है।
  • Strong (<strong>) tag – एचटीएमएल5 वेब पेज में टेक्स्ट इनफार्मेशन को बोल्ड कर स्ट्रांग आर्डर में प्रीव्यू किया जाता है।
  • Emphasis (<em>) tag – एचटीएमएल5 वेब पेज में टेक्स्ट इनफार्मेशन को एम्फेसिस कर इटैलिक आर्डर में प्रीव्यू किया जाता है।