एचटीएमएल <pre> टैग

परिभाषा और उपयोग

<pre> टैग पूर्व-फॉर्मेटिंग टेक्स्ट परिभाषित करता है

<pre> एलीमेंट में की टेक्स्ट समान चाप के फ़ॉन्ट से प्रदर्शित करें, टेक्स्ट में स्पेस और लिनेब्रेक बनाए रखें। टेक्स्ट पूरी तरह से HTML स्रोत कोड के अनुसार प्रदर्शित किया जाएगा。

और देखें

टैग वर्णन
<code> कंप्यूटर प्रोग्राम के नमूना आउटपुट परिभाषित करें
<samp> कीबोर्ड इनपुट परिभाषित करें
<kbd> कीबोर्ड इनपुट परिभाषित करें
<var> वेरियेबल परिभाषित करें

और देखें

HTML ट्यूटोरियलHTML में टेक्स्ट फॉर्मेटिंग

HTML DOM संदर्भ दस्तावेज़Pre ऑब्जैक्ट

उदाहरण

उदाहरण 1

पूर्व-फॉर्मेटिंग टेक्स्ट

<pre>
pre एलीमेंट में की टेक्स्ट
समान चाप के फ़ॉन्ट से प्रदर्शित करें
और साथ-साथ बनाए रखा
空格          和
स्पेस          और
लिन फ़ोल्डर

स्वयं प्रयोग करें

</pre>

उदाहरण 2

कैसे निश्चित चौड़ाई वाला प्री-फॉर्मेटिंग टेक्स्ट बनाएं (CSS का उपयोग करके):
<div style="width:200px;overflow:auto">
<pre>यह एक निश्चित चौड़ाई वाला pre है।यह निर्दिष्ट किए गए अवस्थान का इस्तेमाल करेगा。</pre>

स्वयं प्रयोग करें

</div>

<pre> टैग इवेंट प्रतियोगिता का समर्थन करते हैं वैश्विक गुण。

HTML में वैश्विक गुण

<pre> टैग इवेंट प्रतियोगिता का समर्थन करते हैं HTML में इवेंट प्रतियोगिता。

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

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

pre {
  डिस्प्ले: ब्लॉक;
  फ़ॉन्ट-फैमिली: मोनोस्पेस;
  व्हाइट-स्पेस: प्री;
  मार्गिन: 1em 0;
}

स्वयं प्रयोग करें

ब्राउज़र सापोर्ट

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट