Learn More

pre tag | Preserve formatting | HTML in Hindi

Preserve formatting एक विशेष तरह की HTML formatting हैं जिसमे text को यदि लिखा जाये तो वो सामान फॉर्मेट (Same format) में डिस्प्ले (display) होता हैं । इस विशेष फॉर्मेट के लिए HTML <pre> टैग का उपयोग करते हैं ।      साधारण Hindi भाषा में समझे तो जब हम कोई वेबसाइट बनाते हैं जिसमे या तो कोड को  समान जगह , सामान लाइन पर जैसे लिखा हैं वैसे ही display कराये तब हम HTML <pre> टैग का उपयोग करते हैं ।

HTML Preserve formatting pre टैग | HTML in Hindi 

HTML में अन्य tags के समान <pre> टैग का भी एक ओपनिंग टैग <pre> होता हैं तथा एक क्लोजिंग </pre> टैग होता हैं ।

Preserve को Hindi में "पूर्ववत रखना" नाम से जाना जाता हैं जिसका मतलन हैं जिस भी तरह से हम टेक्स्ट (text) लिखते हैं वह उसी समान तरीके से display हो जाता हैं ।

HTML <pre> टैग का उदाहरण | Example of HTML <pre> tag 

Pre टैग के उपयोग को समझने के लिए इसके कुछ उदाहरण को विस्तार से जानेंगे ।

<!DOCTYPE html>
<html>
<head>
<title> HTML pre tag in Hindi  </title>
</head>
<body>
<pre>
Hello, I am

               Learning HTML in Hindi.
</pre>
<pre>

    function myfun(strvar){

   print (strText)

   }

 </pre>
</body>
</html>

Output

 
Hello, I am

               Learning HTML in Hindi.

    function myfun(strvar){

   print (strText)

   }

उपर दिए गए  उदाहरण में हमने एक टेक्स्ट लाइन (Text) को pre टैग में लिया उसमे आधी लाइन को निचे लाइन में लिख दिया ओर जब इसे रन करते हैं तो सामान रूप में आउटपुट मिलता हैं जैसे पहले कोड में टेक्स्ट को लिखा था । ऐसे ही हमने next  एक सिंपल कोड (programming code ) को HTML pre टैग के अंदर लिखा ओर वो भी समान जगह पर जितना स्पेस (space) कोड में था उतना ही आउटपुट में मिल जाता हैं ।

HTML pre टैग को ओर ज्यादा समझने के लिए एक ओर उदाहरण बनाते हैं जिसमे ये ही same उदाहरण होगा पर <pre> टैग को हटा देंगे तब रन करके देखेंगे ।

चलिए नीच दिए गए उदाहरण से समझते हैं ।

HTML example without <pre> tag - 

<!DOCTYPE html>
<html>
<head>
<title> HTML pre tag in Hindi  </title>
</head>
<body>

Hello, I am

               Learning HTML in Hindi.

    function myfun(strvar){

   print (strText)

   }
</body>
</html>
 
Hello, I am Learning HTML in Hindi. function myfun(strvar){ print (strText) }

उपर दिए गए उदाहरण में हमने कोई HTML <pre> टैग उपयोग नहीं किया है इसलिए समान रूप से आउटपुट भी नही मिला हैं शारा text एक ही लाइन में आ जाता हैं ओर यदि हम pre टैग उपयोग करते है तो जैसा कोड में लिखते हैं वैसा ही समान रूप से आउटपुट मिलता हैं ।

इसे ही HTML Preserve formatting कहते हैं ।

 

Recommended Posts:-

Previous Posts:-