कैसे HTML में स्पेस इन्सर्ट करना सीखें (Insert Spaces in HTML)

आर्टिकल डाउनलोड करें
सहयोगी लेखक द्वारा Jessica Andzouana

रेफरेन्स

आर्टिकल डाउनलोड करें

ये विकीहाउ लेख आपको HTML में लाइन ब्रेक और स्पेस इन्सर्ट (insert) करना सिखाएगा। जैसे कि HTML में स्पेस बार को कितनी भी बार दबाने पर सिर्फ एक ही स्पेस नजर आती है, इसलिए यदि आप एक से ज्यादा स्पेस डालना चाहते हैं, तो इसके लिए आपको HTML टैग (tags) इस्तेमाल करना होगा।

चरण

आर्टिकल डाउनलोड करें
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/db\/Insert-Spaces-in-HTML-Step-1-Version-2.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-1-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/db\/Insert-Spaces-in-HTML-Step-1-Version-2.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":349,"bigWidth":728,"bigHeight":552,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    आमतौर पर, HTML में ऐसा होता है, कि आप चाहे जितनी बार भी स्पेस बार को दबा लें, लेकिन इसके बाद भी शब्दों के बीच में एक से ज्यादा स्पेस दर्ज नहीं हो पाती है। ज्यादा स्पेस एड करने के लिए, आप जिस जगह पर स्पेस एंटर करना चाहते हैं, वहाँ पर &nbsp; लिख दें। [१]
    • उदाहरण के लिए, Hello &nbsp; there! लिखने पर आपको "Hello" और "there!" के बीच में एक और स्पेस देखने को मिलेगी।
    • इसे ही नॉन-ब्रेकिंग स्पेस कहा जाता है, क्योंकि ये इसकी लोकेशन पर लाइन ब्रेक होने से रोक देती है। यदि आप बार-बार इस केरेक्टर का इस्तेमाल करेंगे, तो आपके ब्राउज़र को लाइन ब्रेक एड करने में परेशानी होने लगेगी। [२]
    • अतिरिक्त स्पेस जोड़ने के लिए आप &#160; भी लिख सकते हैं।
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/66\/Insert-Spaces-in-HTML-Step-2-Version-3.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/66\/Insert-Spaces-in-HTML-Step-2-Version-3.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    आप नीचे दिए हुए विकल्पों का इस्तेमाल करके लम्बी स्पेस भी इन्सर्ट कर सकते हैं: [३]
    • दो स्पेस (Two spaces) - &ensp; लिखें।
    • चार स्पेस (Four spaces) - &emsp; लिखें।
    • टैब (Tab) - Type in &nbsp;&nbsp;&nbsp;&nbsp; लिखें।
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/05\/Insert-Spaces-in-HTML-Step-3-Version-3.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/05\/Insert-Spaces-in-HTML-Step-3-Version-3.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    CSS के द्वारा तय किया गया मार्जिन (margins) सीधे ब्राउज़र को इसे कैसा दर्शाना है, इसका आदेश देते हैं, इसलिए यदि आप &nbsp; टैग इस्तेमाल करते हैं, तो आपको और भी ज्यादा बेहतर परिणाम मिलेंगे: [४]
    • आपके HTML डॉक्यूमेंट के <head></head> भाग में, ये कोड इन्सर्ट करें:
      <style>p.indent{ padding-left: 1.8em }</style>
    • अब आपके HTML डॉक्यूमेंट की बॉडी (body) पर वापस जाएँ। अब जब भी आप इंडेंट पैराग्राफ पाना चाह रहे हों, तब इसे:
      <p class="indent"></p> टैग्स के अंदर लिख दें।
    • इंडेंट पैराग्राफ में इंडेंट की संख्या को एडजस्ट करने के लिए, CSS कोड में "1.8" नंबर बदल दें। इसके बाद में "em", जो कि फोंट साइज़ से संबंधित लम्बाई का मानक है, को जरुर लिख दें। [५]
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b2\/Insert-Spaces-in-HTML-Step-4-Version-3.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b2\/Insert-Spaces-in-HTML-Step-4-Version-3.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    लाइन के बाद में <br> लिखने पर, आने वाला टेक्स्ट आपको एक लाइन नीचे नजर आने लगेगा, वहीं <br> को किसी लाइन के पहले लिखने पर उस टेक्स्ट वाली लाइन के और उसके ऊपर वाली लाइन के बीच में एक गैप हो जाएगा।
    • उदाहरण के लिए, I am a walrus.<br>I have tusks. लिखने के परिणामस्वरूप आपको एक अलग ही लाइन में "I am a walrus." और "I have tusks." वाक्य नजर आएँगे।
    • आप चाहें तो <br> टैग की एक वर्टिकल लाइन तैयार करके बहुत सारी स्पेस तैयार कर सकते हैं।
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/22\/Insert-Spaces-in-HTML-Step-5-Version-3.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/22\/Insert-Spaces-in-HTML-Step-5-Version-3.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    यदि आपके पास में टेक्स्ट से भरा हुआ एक बड़ा सा भाग है, जिसे आप एक पैराग्राफ की तरह इस्तेमाल करना चाह रहे हैं, तो फिर पैराग्राफ के शुरू में <p> लिखना और अंत में </p> लिखने से आपको एक ऐसा टेक्स्ट मिलेगा, जो पेज पर मौजूद अन्य बिना फॉर्मेट किये हुए टेक्स्ट से बिल्कुल अलग नजर आएगा।
    • हालाँकि आप इसकी स्टाइल की गारंटी नहीं दे सकते, लेकिन बहुत सारे ब्राउज़र, पैराग्राफ को एक सिंगल खाली लाइन से अलग करते हैं। [६]
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/58\/Insert-Spaces-in-HTML-Step-6-Version-3.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/58\/Insert-Spaces-in-HTML-Step-6-Version-3.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    स्पेस को पाने के लिए, प्री-फॉर्मेटेड (pre-formatted) टेक्स्ट का इस्तेमाल करना: आपके टेक्स्ट पर प्री-फॉर्मेटिंग (pre-formatting) करके आप आपके HTML में जतनी भी स्पेस लिखेंगे, वो आपके HTML पेज (जैसे कि, चार स्पेस एंटर करने पर, चार स्पेस ही नजर आना) पर नजर आएगी। किसी भी टेक्स्ट को प्री-फॉर्मेट करने के लिए, उस टेक्स्ट के आगे <pre> लिखें और टेक्स्ट के अंत में </pre> लिख दें। [७]
    • जब आप टेक्स्ट पर प्री-फॉर्मेट का इस्तेमाल करेंगे, तब आप जितनी बार भी ↵ Enter दबाएँगे, वो भी आपके टेक्स्ट में एक लाइन ब्रेक की तरह दिखाई देगा।

सलाह

  • आपके पेज के लेआउट (Layout) को तय करने, साथ ही आपके टेक्स्ट में स्पेस एंटर करने के लिए CSS सबसे भरोसेमंद और शक्तिशाली तरीका है।
  • नॉन-ब्रेकिंग स्पेस &nbsp; केरेक्टर एंटिटी (character entity) का एक उदाहरण है, जो एक ऐसा कोड है, जिसमें मौजूद केरेक्टर को आप आपके कीबोर्ड से नहीं लिखे जा सकते हैं।
  • यदि आपके द्वारा इन्सर्ट की हुई स्पेस वेब ब्राउज़र पर, किसी और ही तरह के सिंबल की तरह नजर आ रही हो, तो इसका मतलब कि ये सिंबल, आपके वर्ड प्रोसेसिंग फॉर्मेट (processing format) में स्टोर किसी ऐसे डेटा का परिणाम है, जो ऑनलाइन प्रदर्शन के लिए ना बना हो। इस समस्या से बचने के लिए आप नोटपैड (Notepad) या टेक्स्टएडिट (TextEdit) जैसे किसी प्लेनटेक्स्ट एडिटर का इस्तेमाल करें।

चेतावनी

  • आपके HTML को वर्ड प्रोसेसिंग फाइल फॉर्मेट के अलावा किसी कोड एडिटर या प्लेन टेक्स्ट फाइल में लिखें।
  • HTML केरेक्टर Tab ↹ &#09; के लिए आपकी सोच के अनुसार काम नहीं करते। एक स्टैंडर्ड HTML डॉक्यूमेंट में टैब स्टॉप (tab stops) नहीं होना चाहिए, इससे ये टैब केरेक्टर कुछ भी नहीं कर सकेगा।

संबंधित लेखों

कैसे
अपने सिम कार्ड से अपना मोबाइल नंबर पता करें
कैसे
उस व्यक्ति को कॉल करें जिसने आपका नंबर ब्लॉक कर दिया है (Call a Person That Has Blocked Your Number)
कैसे
इंस्टाग्राम पासवर्ड रीसेट करें (Reset Your Instagram Password)
कैसे
इंस्टाग्राम पर किसी लड़की से बात शुरू करें (Start a Conversation with a Girl on Instagram)
कैसे
ब्लॉक (block) किए हुये नंबर पर वापस कॉल करें
कैसे
Pirate Bay से डाउनलोड करें (Download from Pirate Bay)
WhatsApp टिप्स: फेक नंबर से व्हाट्सअप चलायें
कैसे
फोटो की मदद से किसी की खोज करें (Search and Find About Someone Using Image Easily)
कैसे
यूट्यूब से गाने डाउनलोड करें (Kaise YouTube se Gaane Download Kare)
कैसे
PC में हिंदी में टाइप करें (Type in Hindi on a PC)
कैसे
लड़कियों से ऑनलाइन बातें करें (Talk to Girls Online)
कैसे
एंड्राइड में सेफ मोड बंद करें
कैसे
HTML का इस्तेमाल करके एक वेब पेज तैयार करें (Create a Simple Web Page with HTML)
क्रोम पर एडल्ट कॉन्टेंट ब्लॉक करने के 4 आसान तरीके

रेफरेन्स

  1. ↑ http://www.amp-what.com/unicode/search/space
  2. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  3. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  4. ↑ http://stackoverflow.com/questions/1571648/html-tab-space-instead-of-multiple-non-breaking-spaces-nbsp
  5. ↑ https://www.w3.org/WAI/GL/css2em.htm
  6. ↑ https://www.w3.org/TR/html5/grouping-content.html#the-p-element
  7. ↑ https://www.w3.org/TR/html401/struct/text.html#edef-PRE

विकीहाउ के बारे में

अन्य भाषाओं में
सभी लेखकों को यह पृष्ठ बनाने के लिए धन्यवाद दें जो ९,३८० बार पढ़ा गया है।

यह लेख ने कैसे आपकी मदद की?