Ticker

6/recent/ticker-posts

What Is HTML Paragraphs In Hindi?

2.4 Wireless June 13, 2021

Introduction Of HTML Paragraphs

आपने आर्टिकल में पढ़ा होगा कि HTML Headings क्या हैं? और इसका उपयोग कैसे किया जाता हैं? और अब आप इस आर्टिकल में पढ़ेंगे की HTML पैराग्राफ्स क्या हैं? और इसका उपयोग कैसे किया जाता हैं? 

HTML पैराग्राफ्स या HTML p एलिमेंट एक बेसिक HTML टैग होता हैं। HTML Paragraphs को p टैग द्वारा परिभाषित किया जाता हैं। जिसमें  <p> टैग स्टार्ट होता हैं और क्लोज </p> टैग से किया जाता हैं।

आप नीचे दिए गए कंटेंट्स को one by one पढ़ सकते हो।

Contents

  1. HTML Paragraphs क्या हैं?
  2. HTML कैसे Display होगा?
  3. HTML Horizontal नियम
  4. HTML लाइन ब्रेक्स


HTML Paragraphs क्या हैं?

HTML Paragraphs एक HTML टैग हैं, जिसे <p> टैग से परिभाषित किया जाता हैं। जिसका उपयोग किसी वेबपेज में पैराग्राफ्स को डिफाइन करने के लिए किया जाता हैं। सभी ब्राउज़र पैराग्राफ के ऊपर और नीचे एक लाइन जोड़ देता हैं या कुछ स्पेस ऐड कर देते हैं। <p> टैग को ब्लॉक लेवल एलिमेंट भी कहते हैं।

अर्थात एक पैराग्राफ हमेशा एक नयी लाइन पर स्टार्ट होता हैं और Generally टेक्स्ट का एक ब्लॉक होता हैं।

HTML Paragraphs का उदाहरण नीचे लिखा गया हैं। जिससे आप समझ सकते हैं।

उदाहरण :

<!DOCTYPE html>
<html>
     <head>
          <title>Example of HTML Paragraphs</title>
     </head>
     <body>
          <p>First Paragraph.</p>
          <p>Second Paragraph.</p>
          <p>Third Paragraph.</p>
     </body>
</html>

Output :

First Paragraph.

Second Paragraph.

Third Paragraph.



HTML कैसे Display होगा?

आप पूरी तरह से sure नहीं हो सकते कि HTML कैसे डिस्प्ले होगा? 

अकार बदलने वाली विंडो या बड़ी या छोटी स्क्रीन वाली विंडो अलग-अलग रिजल्ट देगी। क्योंकि आप अपने HTML कोड में HTML के साथ अतिरिक्त स्पेस या अतिरिक्त लाइन ऐड कर डिस्प्ले को बदल नहीं सकतें हैं।

वेबपेज डिस्प्ले होने पर ब्राउज़र किसी अतिरिक्त स्पेस या अतिरिक्त लाइन को automatically हटा देगा।

उदाहरण :

<!DOCTYPE html>
<html>
     <head>
          <title>Example of HTML Display</title>
     </head>
     <body>

          <p>
               Welcome
               to
               My Tutorial
               2.4 Wireless. 
          </p>

          <p>
               Welcome to        My     Tutorial              2.4 Wireless.
          </p>
          
     </body>
</html>

Output :

Welcome to My Tutorial 2.4 Wireless.

Welcome to My Tutorial 2.4 Wireless.

ऊपर दिए गए उदाहरण में देखें ; 

ऊपर दिए गए सोर्स कोड में पहले पैराग्राफ में बहुत सी लाइन्स में कोड हैं, मगर ब्राउज़र इसे इग्नोर कर देता हैं। जिसे आप आउटपुट में देख सकते हो।

ऊपर दिए गए दूसरे पैराग्राफ में सोर्स कोड में बहुत सी स्पेस देकर कोड लिखा हैं, मगर ब्राउज़र इसे इग्नोर कर देता हैं। जिसे आप आउटपुट में देख सकते हो।



HTML Horizontal नियम

HTML वेबपेज में <hr> टैग एक टॉपिक ब्रेक को परिभाषित करता हैं। इस टैग का उपयोग कंटेंट को अलग करने के लिए किया जाता हैं। अर्थात टॉपिक को ब्रेक करने के लिए लाइन ऐड करके अगला टॉपिक स्टार्ट किया जाता हैं।

आप <hr> टैग को नीचे दिए गए उदाहरण द्वारा अच्छे से समझ सकते हो।

उदाहरण :

<!DOCTYPE html>
<html>
     <head>
          <title>HTML Horizontal नियम</title>
     </head>
     <body>
          <h2>First Topic or Heading</h2>
          <p>This is paragraph.</p>
          <hr>
 
          <h2>Second Topic or Heading</h2>
          <p>This is paragraph.</p>
          <hr>
   
          <h2>Third Topic or Heading</h2>
          <p>This is paragraph.</p>
          <hr>      
          
     </body>
</html>

Output :

First Topic or Heading

This is paragraph.

Second Topic or Heading

This is paragraph.

Third Topic or Heading

This is paragraph.

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


HTML लाइन ब्रेक्स (नयी लाइन)

HTML <br> टैग एक लाइन ब्रेक को डिफाइन करता हैं।

यदि आप एक नया पैराग्राफ स्टार्ट किये बिना एक नयी लाइन चाहते हैं तो <br> टैग का उपयोग किया जाता हैं।

जिसे आप नीचे दिए गए उदाहरण द्वारा अच्छे से समझ सकते हैं।

उदाहरण :

<!DOCTYPE html>
<html>
     <head>
          <title>HTML Horizontal नियम</title>
     </head>
     <body>
          
          <p>Welcome to My Tutorial <br>2.4 Wireless.</p>
        
     </body>
</html>

Output :

Welcome to My Tutorial
2.4 Wireless.


Tags:

Post a Comment

0 Comments