HTML <p> टैग

  • पिछला पृष्ठ <output>
  • अगला पृष्ठ <param>

वर्णन और उपयोग

<p> टैग पर आधारित एक पैराग्राफ बनाता है。

ब्राउज़र हर पर <p> एलिमेंट के पहले और बाद में एक खाली पंक्ति जोड़ें。

सूचना:CSS का इस्तेमाल करें पैराग्राफ स्टाइल सेट करें

अन्य संदर्भ:

HTML ट्यूटोरियल:HTML पैराग्राफ

HTML DOM रेफरेंस मैनुअल:Paragraph ऑब्जैक्ट

उदाहरण

उदाहरण 1

इस तरह पैराग्राफ को चिह्नित करें:

<p>यह पैराग्राफ में कुछ टेक्स्ट है。</p>

स्वयं एक प्रयास करें

उदाहरण 2

पैराग्राफ में टेक्स्ट को जस्ता करें (CSS का इस्तेमाल करके):

<p style="text-align:right">यह पैराग्राफ में कुछ टेक्स्ट है。</p>

स्वयं एक प्रयास करें

उदाहरण 3

सेक्सी एसीसी सेटिंग से पैराग्राफ स्टाइल इस्तेमाल करें:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>चाइना, आधिकारिक रूप से चीन की जनता गणराज्य (चीन), पूर्वी एशिया में एक देश है। यह दुनिया का दूसरा सबसे अधिक जनसंख्या वाला देश है, जिसकी जनसंख्या 1.4 बिलियन से अधिक है। चाइना पाँच समय क्षेत्रों के बराबर है और भूमि से चौदह देशों की सीमा है। 9.6 मिलियन वर्ग किलोमीटर (3,700,000 वर्ग मील) के क्षेत्रफल से, यह समग्र भूमि क्षेत्र के आधे से अधिक का तीसरा सबसे बड़ा देश है। देश 22 प्रांत, पांच स्वायत्त क्षेत्र, चार नगरी और दो अर्धस्वायत्त विशेष प्रशासनिक क्षेत्रों में विभाजित है। बीजिंग राष्ट्रीय राजधानी है, जबकि शांघाई सबसे अधिक जनसंख्या वाला शहर और सबसे बड़ा वित्तीय केंद्र है。</p>
</body>
</html>

स्वयं एक प्रयास करें

उदाहरण 4

अधिक पैराग्राफ:

<p>
स्रोत कोड में
यह पैराग्राफ
बहुत सारे पैराग्राफ हैं
बदले ही ब्राउज़र
इसे नज़र अनदाज़ करें
</p>

स्वयं एक प्रयास करें

उदाहरण 5

HTML में कविता समस्या:

<p>
  सवार को शिवालिकों के बीच रवाना
  एक दिन में एक हजार मील लौट आया।
  दोनों तटों पर वंशीयों की आवाजें बच नहीं जातीं
  महानायक ने चार हजार दूरी पार की।
</p>

स्वयं एक प्रयास करें

वैश्विक प्रकृति

<p> टैग इवेंट प्रकृति का समर्थन करता है HTML में वैश्विक प्रकृति

इवेंट प्रकृति

<p> टैग इवेंट प्रकृति का समर्थन करता है HTML में इवेंट प्रकृति

डिफॉल्ट CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफॉल्ट मूल्यों को प्रदर्शित करेंगे <p> एलीमेंट:

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

स्वयं एक प्रयास करें

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सफारी ऑपेरा
च्रोम एज फायरफॉक्स सफारी ऑपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट
  • पिछला पृष्ठ <output>
  • अगला पृष्ठ <param>