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

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

चरण

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

1
नॉन-ब्रेकिंग (non-breaking) स्पेस डालना: आमतौर पर, HTML में ऐसा होता है, कि आप चाहे जितनी बार भी स्पेस बार को दबा लें, लेकिन इसके बाद भी शब्दों के बीच में एक से ज्यादा स्पेस दर्ज नहीं हो पाती है। ज्यादा स्पेस एड करने के लिए, आप जिस जगह पर स्पेस एंटर करना चाहते हैं, वहाँ पर   लिख दें।^{[१]Xरिसर्च सोर्स}
- उदाहरण के लिए, Hello   there! लिखने पर आपको "Hello" और "there!" के बीच में एक और स्पेस देखने को मिलेगी।
- इसे ही नॉन-ब्रेकिंग स्पेस कहा जाता है, क्योंकि ये इसकी लोकेशन पर लाइन ब्रेक होने से रोक देती है। यदि आप बार-बार इस केरेक्टर का इस्तेमाल करेंगे, तो आपके ब्राउज़र को लाइन ब्रेक एड करने में परेशानी होने लगेगी।^{[२]Xरिसर्च सोर्स}
- अतिरिक्त स्पेस जोड़ने के लिए आप   भी लिख सकते हैं।
2
अलग-अलग आयाम की सफेद स्पेस इन्सर्ट करें: आप नीचे दिए हुए विकल्पों का इस्तेमाल करके लम्बी स्पेस भी इन्सर्ट कर सकते हैं:^{[३]Xरिसर्च सोर्स}
- दो स्पेस (Two spaces) - &ensp; लिखें।
- चार स्पेस (Four spaces) - &emsp; लिखें।
- टैब (Tab) - Type in      लिखें।
3
CSS के जरिये इंडेंट पैराग्राफ (Indent paragraphs): CSS के द्वारा तय किया गया मार्जिन (margins) सीधे ब्राउज़र को इसे कैसा दर्शाना है, इसका आदेश देते हैं, इसलिए यदि आप   टैग इस्तेमाल करते हैं, तो आपको और भी ज्यादा बेहतर परिणाम मिलेंगे:^{[४]Xरिसर्च सोर्स}
- आपके HTML डॉक्यूमेंट के <head></head> भाग में, ये कोड इन्सर्ट करें:
  <style>p.indent{ padding-left: 1.8em }</style>
- अब आपके HTML डॉक्यूमेंट की बॉडी (body) पर वापस जाएँ। अब जब भी आप इंडेंट पैराग्राफ पाना चाह रहे हों, तब इसे:
  <p class="indent"></p> टैग्स के अंदर लिख दें।
- इंडेंट पैराग्राफ में इंडेंट की संख्या को एडजस्ट करने के लिए, CSS कोड में "1.8" नंबर बदल दें। इसके बाद में "em", जो कि फोंट साइज़ से संबंधित लम्बाई का मानक है, को जरुर लिख दें।^{[५]Xरिसर्च सोर्स}
4
एक लाइन ब्रेक तैयार करें: लाइन के बाद में <br> लिखने पर, आने वाला टेक्स्ट आपको एक लाइन नीचे नजर आने लगेगा, वहीं <br> को किसी लाइन के पहले लिखने पर उस टेक्स्ट वाली लाइन के और उसके ऊपर वाली लाइन के बीच में एक गैप हो जाएगा।
- उदाहरण के लिए, I am a walrus.<br>I have tusks. लिखने के परिणामस्वरूप आपको एक अलग ही लाइन में "I am a walrus." और "I have tusks." वाक्य नजर आएँगे।
- आप चाहें तो <br> टैग की एक वर्टिकल लाइन तैयार करके बहुत सारी स्पेस तैयार कर सकते हैं।
5
यदि जरूरत हो, तो एक पैराग्राफ तैयार कर लें: यदि आपके पास में टेक्स्ट से भरा हुआ एक बड़ा सा भाग है, जिसे आप एक पैराग्राफ की तरह इस्तेमाल करना चाह रहे हैं, तो फिर पैराग्राफ के शुरू में <p> लिखना और अंत में </p> लिखने से आपको एक ऐसा टेक्स्ट मिलेगा, जो पेज पर मौजूद अन्य बिना फॉर्मेट किये हुए टेक्स्ट से बिल्कुल अलग नजर आएगा।
- हालाँकि आप इसकी स्टाइल की गारंटी नहीं दे सकते, लेकिन बहुत सारे ब्राउज़र, पैराग्राफ को एक सिंगल खाली लाइन से अलग करते हैं।^{[६]Xरिसर्च सोर्स}
6
स्पेस को पाने के लिए, प्री-फॉर्मेटेड (pre-formatted) टेक्स्ट का इस्तेमाल करना: आपके टेक्स्ट पर प्री-फॉर्मेटिंग (pre-formatting) करके आप आपके HTML में जतनी भी स्पेस लिखेंगे, वो आपके HTML पेज (जैसे कि, चार स्पेस एंटर करने पर, चार स्पेस ही नजर आना) पर नजर आएगी। किसी भी टेक्स्ट को प्री-फॉर्मेट करने के लिए, उस टेक्स्ट के आगे <pre> लिखें और टेक्स्ट के अंत में </pre> लिख दें।^{[७]Xरिसर्च सोर्स}
- जब आप टेक्स्ट पर प्री-फॉर्मेट का इस्तेमाल करेंगे, तब आप जितनी बार भी ↵ Enter दबाएँगे, वो भी आपके टेक्स्ट में एक लाइन ब्रेक की तरह दिखाई देगा।

सलाह

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

चेतावनी

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