Ticker

6/recent/ticker-posts

Advertisement

How to Apply Pre tag in HTML Web Pages (Pre tag HTML Web Pages में कैसे Apply करे ) ( web designing series Part-26 )

       Pre tag HTML Web Pages में कैसे Apply करे




  • ये web designing series का part-26 है इस article में हम पढने वाले है की <pre> tag को HTML web pages कैसे apply करते है और <pre> tag का HTML web pages में क्या प्रयोग है | <pre> tag को HTML web pages कैसे use करेगे ये जानने से पहले हम आपको बता दे   की अगर आप इस article पर पहली बार आये है तो इस को पढने से पहले web designing series के पिछले सभी parts को जरूर पढ़े तभी आपको ये article समझ में आयेगा |
  •  आपको web designing series के  पिछले सभी parts पढने के लिए आपको हमारे वेबसाइट के menu baar में जाना होगा जहा web designing series का dropdown देखने को मिलेगा उसी dropdown के अन्दर html के सभी parts के link देखने को मिलेगे  वहा से आप सभी पिछले parts detail में पढ़ सकते है |अब बिना वक्त गवाए आज के topic को शुरू करते है


<pre> tag क्या है और इसको  HTML web pages में कैसे प्रयोग करते है 

  1. <pre> tag का use अधिकतर किसी  भी वेबसाइट के वेब पेजेज में दिए गए article में किसी भी paragraph को लिखने के लिए किया जाता है |
  2.  <pre> tag का use किसी भी article के paragraph में  करने से paragraph के अन्दर लिखे गए  sentence के साथ हम जितनी भी properties लगाते है जैसे gap देना दो lines में space देना आदि सभी properties के साथ paragraph में दिया हुवा sentence web pagesमें show होगा |<pre> tag को हम निचे दिए गए example में समझेगे और इसका हम practically use भी करेगे जिसका विडियो निचे दिया है | 
  3. अगर हम <pre> tag का use किसी भी article में नही करते है तब इस स्थिति में हम कोडिंग करने के दौरान किसी article के paragraph में हम चाहे जितनी भी line spacing दे या gap दे web page में दिए हुए article का paragraph एक simple text की तरह ही दिखाई देगा उसमे न कोई gap होगा और न ही कोई line spacing होगी | इसलिए वहा <pre> tag का use important होता है |
  4. अगर हम अपने web pages में कोई application , letter , या फिर कोई ऐसा text show करवाना चाहते है की जिस  text में हम कोई line spacing दे या gap दे या फिर कही भी comma , bracket दे  जैसा एक application या letter में होता है | ऐसा text web pages में show करवाने के लिए <pre> tag का use करना होता है |
  5. <pre> tag की कोडिंग  <body> tag के अन्दर ही करते है क्योकि कोई article हम <body> tag के अन्दर ही लिखते है |
  6. <pre> tag के opening और closing tag दोनों होते है जिनका हमें विशेष ध्यान देना होता है |
  7. <pre> का practically  प्रयोग निचे दिए गए विडियो में बताया गया है जिसे आप जरूर देखे और  उस विडियो की help से आप भी <pre> tag का practical करे |
  8. <pre>  tag को एक example की मदद से समझते है |

       Example-:

      <body>

      <article>

     <h1> Application for fever <h1>

      <p>

    <pre>

     Ø     Sick Leave Application for Students

  To,

         The Principal,
          [VMIC School],
         [Baberu Banda UP],
         [Date:09/01/2021].

    Subject: Application for Sick leave

   Sir,

    Most respectfully, I beg to state that I am not in a condition to come to the                school since I am suffering from fever. I have been prescribed by our family doctor      o take proper rest for at least [number of days] days. Hence, kindly grant me               leave     from (start date) to (end-date).  I shall be really grateful to you.

   Thanking you,

    Yours obediently,
    [Name- Vishu],
    [Class-8th and section-b1],
    [Roll No-21.].

  </pre>

 </p>

</article>

</body>


  • जैसा आप example में देख रहे है की article के अन्दर एक application form दिया हुवा है इस application form को web page में ऐसे ही show करवाने के लिए <pre> tag का use किया गया है | अगर हम इस article के application form में <pre> tag  का use न करे तो ये application form web page में एक simple text की तरह show होगा न कोई gapping होगी न ही कोई line spacing होगी इसलिए ऐसे article लिखने के लिए <pre> tag का use किया जाता है 
  • इस विडियो में <pre> tag का use practically बताया गया है इसे देखे और स्वयं भी इसका practical करे |

  • आशा करता हु आपको <pre> tag अच्छी तरह समझ आ गया होगा अगर आपके मन में कोई doubt है comment करके जरूर पूछे अगर अभी तक आपने हमें follow नही किया तो कर ले हमें सिर्फ आपका support चाहिए | तो चलिए आज के लिए इतना ही मिलते है अगले article में |

Post a Comment

0 Comments