वेब पेजों के टेक्स्ट में शब्दों के बीच की दूरी को बदलना उतना तुच्छ नहीं है जितना यह लग सकता है। आसन्न शब्दों के बीच दो, तीन या अधिक लगातार रिक्त स्थान, HTML मानकों के अनुसार, उनके बीच की दूरी को किसी भी तरह से प्रभावित नहीं करेगा - ब्राउज़र उन्हें एक ही स्थान के रूप में प्रदर्शित करेगा। लेकिन, निश्चित रूप से, इस समस्या को हल करने के लिए उपकरण हैं।
निर्देश
चरण 1
एक विकल्प एक विशेष HTML वर्ण का उपयोग करना है जिसे नॉन-ब्रेकेबल-स्पेस कहा जाता है। यह एक नियमित स्थान की तरह ही प्रदर्शित होता है, और ख़ासियत यह है कि यदि दो शब्दों को ऐसे विशेष स्थान से अलग किया जाता है, तो ब्राउज़र विचार करेगा कि यह एक मर्ज किया गया शब्द है, जिसे अलग नहीं किया जा सकता। इस सुविधा के कारण, ब्राउज़र एक पंक्ति में ऐसे कई स्थानों के प्रदर्शन में हस्तक्षेप नहीं करेगा, अर्थात। एकाधिक रिक्त स्थान को एक के साथ प्रतिस्थापित नहीं करेगा। यह विशेष चिन्ह वर्णों के निम्नलिखित सेट द्वारा दर्शाया गया है: "& nbsr;" (बिना उद्धरण)। दस्तावेज़ के स्रोत कोड में, ऐसे विशेष वर्णों से अलग किए गए शब्दों के साथ पाठ का एक पैराग्राफ इस तरह दिख सकता है:
यह एक नमूना है & nbsr; & nbsr; पैराग्राफ & nbsr; & nbsr; & nbsr; पाठ।
यहां पहले और दूसरे शब्द के बीच की दूरी सामान्य होगी, दूसरे और तीसरे के बीच की दूरी - दोगुनी, और तीसरे और चौथे के बीच - तिगुनी।
चरण 2
शैली विवरण भाषा (सीएसएस) का उपयोग करके शब्दों के बीच अंतर का नियंत्रण आमतौर पर अधिक उपयोग किया जाता है। CSS भाषा में, संबंधित परिभाषा इस तरह दिख सकती है: वर्ड-स्पेसिंग: 15px; यहाँ 15 पिक्सेल में आसन्न शब्दों के बीच की जगह का आकार है। आप लगभग किसी भी टैग में शैली विशेषता जोड़ सकते हैं। उदाहरण के लिए, इस विशेषता के साथ एक पैराग्राफ टैग, जो पैराग्राफ में सभी शब्दों के बीच 20 पिक्सल की दूरी निर्धारित करता है, इस तरह दिख सकता है:
शब्दों के बीच बढ़ी हुई रिक्ति के साथ पाठ का एक पैराग्राफ
चरण 3
आमतौर पर, स्टाइल ब्लॉक किसी दस्तावेज़ के शीर्षलेख में या अलग-अलग फ़ाइलों में रखे जाते हैं। ऐसे ब्लॉक में, आप शब्दों के बीच की दूरी के लिए कई मान सेट कर सकते हैं और उन्हें अलग-अलग वर्गों में पैक कर सकते हैं, और दस्तावेज़ के मुख्य भाग में टैग में संबंधित वर्गों के लिंक का संकेत मिलता है। उदाहरण के लिए, dblSpace नामक वर्ग का विवरण इस तरह दिख सकता है:
.dblSpace {वर्ड-स्पेसिंग: 20px}
और दस्तावेज़ के मुख्य भाग में इस वर्ग के लिंक के साथ एक पैराग्राफ टैग होगा, उदाहरण के लिए, इस तरह:
विस्तृत शब्द रिक्ति वाला अनुच्छेद
