Preformatted text यानी की पूर्वनिर्धारित इबारत (text) का स्वरूप

Preformatted text यानी की पूर्वनिर्धारित इबारत (text) का स्वरूप |

इसके लिए निम्न टैग का इस्तेमाल किया जाता है, जैसे की मैंने अपनी पिछली पोस्ट में फॉण्ट साईज के लिए जिस CSS कोड को एक बाक्स में दिखाया था |

<pre></pre>

इसी टैग के मध्य में आप जो भी टेक्स्ट (इबारत) लिखेंगे, जिस प्रकार भी लिखेंगे, वो उसी प्रकार से दिखाई देगी | मान लीजिये कि आप किसी भी प्रकार की टेक्स्ट आकृति को (तस्वीर नहीं) अपनी पोस्ट में शामिल करना चाहें तो आप इस टैग से आसानी से ऐसा कर सकते हैं | यदि आप इस टैग के बिना टेक्स्ट आकृति को प्रयोग करेंगे तो ये आपकी पोस्ट में बिखर जाएगी | आप दोनों उदाहरण नीचे देख सकते हैं :-

पहला उदाहरण बिना इस टैग के है :-

---

═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬ ╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬ ╬═♥═╬ ╬═♥═╬ 7 - RULES TO BE HAPPY ╬═♥═╬ ╬═♥═╬ 1.....Never Hates ╬═♥═╬ 2.....Don't Worry ╬═♥═╬ 3....Live Simple ╬═♥═╬ 4....Expect A Little ╬═♥═╬ 5....Give A Lot ╬═♥═╬ 6....Always Smile ╬═♥═╬ 7....Have Person Like Me Who, Always Remember YOU ╬═♥═╬ ╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬ ╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬

---

दूसरा उदाहरण इस टैग का प्रयोग लिए हुए है | अंतर स्वत: स्पष्ट है :-

═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬
╬═♥═╬ 7 - RULES TO BE HAPPY
╬═♥═╬
╬═♥═╬ 1....Never Hates
╬═♥═╬ 2....Don't Worry
╬═♥═╬ 3....Live Simple
╬═♥═╬ 4....Expect A Little
╬═♥═╬ 5....Give A Lot
╬═♥═╬ 6....Always Smile
╬═♥═╬ 7....Have Person Like Me Who, Always Remember YOU
╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬

---

आप इस टैग को स्पेशल मनभावन रूप भी बना सकते है, यानी की इसे इस टैग मनभावन रूप भी दे सकते हैं | बस इस टैग के मध्य में छोटा सा CSS कोड डालना होगा | आप नीचे देख सकते हैं कि छोटे से CSS कोड से इसे नया रूप कैसे दिया जाता है }

style="border:1px dashed #ddd;" ये छोटा सा कोड डालने से इस टैग के इर्द-गिर्द बार्डर बन जायेगा |

╬═♥═╬ 7....Have Person Like Me Who, Always Remember YOU
╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬ 

style="border:1px dashed #ddd;padding:5px;" ये छोटा सा कोड padding:5px; डालने से इस टैग के चारो तरफ से पांच पिक्सल का स्पेस बन जायेगा | आप उपरोक्त उदाहरण व निम्न उदाहरण में अंतर स्पष्ट देख सकते हैं |

╬═♥═╬ 7....Have Person Like Me Who, Always Remember YOU
╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬ 

style="border:1px dashed #ddd;padding:5px;color:red;" ये छोटा सा कोड color:red; डालने से आप अपने टेक्स्ट आकृति को अपने पसंद के रंग अनुसार प्रयोग करे सकते हैं | अभी तक सभी इस प्रकार की टेक्स्ट आकृति को सिर्फ काले रंग में प्रयोग करते आये हैं | आप निम्न उदाहरण में टेक्स्ट आकृति का रंग बदलने के बाद का स्वरूप देख सकते हैं |

═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬
╬═♥═╬ 7 - RULES TO BE HAPPY
╬═♥═╬
╬═♥═╬ 1....Never Hates
╬═♥═╬ 2....Don't Worry
╬═♥═╬ 3....Live Simple
╬═♥═╬ 4....Expect A Little
╬═♥═╬ 5....Give A Lot
╬═♥═╬ 6....Always Smile
╬═♥═╬ 7....Have Person Like Me Who, Always Remember YOU
╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬

दूसरा उदाहरण : श्री गणेश जी आकृति

__________________00000
________________(0000000)
_________00____(000000000)____00
_________0000__|____W____|__0000
_________00000_|_<>___<>_|_00000
_________000000|_________|000000
__________00000\_(______)_/00000
___000_________//_\____(__\
__00000____000000__\___\_____...
__00000___000000000_^.__^..*^_._^*___00
___0000__00000000000__^.___.*^_^*^__0000
__________000000000000/_^^^00000_____00
___00000__00000000000/00000000000__000000
_00000000__000000000/00000000000____0000
0000000000___000000/00000000000___00000000
00000000000____000/00*0000000___000000000000
_000000000000_____00000000____00000000000000
__000000000000__00____0000000_0000000000000
____000000000__00000___000000_000000000000
______000000_00000000___00000_0000000000
______________000000_____0000__0000000
_______________0000

You r My Very Very
@@@______@@
@@@@_____@@
@@_@@____@@
@@__@@___@@
@@___@@__@@
@@____@@_@@
@@_____@@@@
@@______@@@

@@@@@@@@
___@@
___@@
___@@
___@@
___@@
@@@@@@@@

_____@@@@@@@@
___@@@@@@
_@@@@@@
@@@@@@
_@@@@@@
___@@@@@@
_____@@@@@@@@

@@@@@@@
@@
@@
@@@@@@@
@@
@@
@@@@@@@

¶¶¶¶¶¶
¶¶
¶¶¶¶¶
¶¶¶¶¶ aithful…
¶¶
¶¶

¶¶¶¶¶¶
¶¶___¶¶
¶¶___¶¶
¶¶¶¶¶¶
¶¶¶¶¶ espectful…
¶¶__¶¶
¶¶___¶¶

¶¶
¶¶
¶¶
¶¶ ntelligent…
¶¶
¶¶

¶¶¶¶¶¶
¶¶
¶¶¶¶¶ verlasting or loyal…
¶¶
¶¶¶¶¶¶

¶¶__¶¶
¶¶¶_¶¶
¶¶¶¶¶¶
¶¶¶¶¶¶ aughty…and
¶¶_¶¶¶
¶¶__¶¶

¶¶¶¶¶
¶¶¶¶¶¶
¶¶__¶¶¶
¶¶___¶¶earest of all…
¶¶__¶¶¶
¶¶¶¶¶¶
¶¶¶¶¶

इस प्रकार आप किसी भी टेक्स्ट को या टेक्स्ट आकृति को जैसा आप चाहते हैं दिखाने के लिए निम्न कोड का प्रयोग करें :-

<PRE style="border:1px dashed #ddd;padding:5px;color:blue;">
यहाँ पर आप अपना टेक्स्ट या टेक्स्ट आकृति का कोड पेस्ट करेंगे |
</pre>

क्या आपको ये लेख पसंद आया ? यदि हां !!! तो टिप्पणी अवश्य दें ताकि निरंतर लिखने की चाह बनी रहे |

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं !