HTML में स्पेस डालने के 3 तरीके

विषयसूची:

HTML में स्पेस डालने के 3 तरीके
HTML में स्पेस डालने के 3 तरीके

वीडियो: HTML में स्पेस डालने के 3 तरीके

वीडियो: HTML में स्पेस डालने के 3 तरीके
वीडियो: How To Open or View .RPT File In Windows 7 or 10 | Convert RPT File To PDF Free On Windows 10 2024, मई
Anonim

यह wikiHow आपको सिखाता है कि HTML में स्पेस और लाइन ब्रेक कैसे डालें। चूंकि आप अपने HTML में केवल एक ही स्थान बनाएंगे जब आप स्पेसबार को कई बार दबाते हैं, तो आपको एक समय में एक से अधिक स्थान सम्मिलित करने के लिए HTML टैग्स का उपयोग करने की आवश्यकता होती है।

कदम

विधि 1 का 3: HTML कोड का उपयोग करना

HTML चरण 1 में रिक्त स्थान सम्मिलित करें
HTML चरण 1 में रिक्त स्थान सम्मिलित करें

चरण 1. HTML दस्तावेज़ खोलें।

आप विंडोज़ पर टेक्स्ट-एडिटिंग प्रोग्राम जैसे नोटपैड या टेक्स्टएडिट का उपयोग करके एचटीएमएल दस्तावेज़ों को संपादित कर सकते हैं। आप Adobe Dreamweaver जैसे HTML संपादक का भी उपयोग कर सकते हैं। HTML दस्तावेज़ खोलने के लिए इन चरणों का पालन करें।

  • Windows कंप्यूटर (या Mac पर Finder) पर फ़ाइल एक्सप्लोरर में HTML दस्तावेज़ खोजें।
  • उस HTML दस्तावेज़ पर राइट-क्लिक करें जिसे आप संपादित करना चाहते हैं।
  • विकल्प पर होवर करें " के साथ खोलें ”.
  • उस प्रोग्राम पर क्लिक करें जिसका उपयोग आप फ़ाइल को संपादित करने के लिए करना चाहते हैं।
HTML चरण 2 में रिक्त स्थान सम्मिलित करें
HTML चरण 2 में रिक्त स्थान सम्मिलित करें

चरण 2. एक नियमित स्थान जोड़ने के लिए स्पेस कुंजी दबाएं।

एक नियमित स्थान जोड़ने के लिए, उस स्थान पर क्लिक करें जहाँ आपको एक स्थान सम्मिलित करने की आवश्यकता है और अपने कीबोर्ड पर स्पेसबार दबाएं। आम तौर पर, HTML शब्दों के बीच केवल एक स्थान प्रदर्शित करेगा, भले ही आप स्पेसबार को कितनी बार दबाएं।

Image
Image

चरण 3. अनुगामी रिक्त स्थान को जबरन जोड़ने के लिए टाइप करें।

परिणामी कोड को नॉन-ब्रेकिंग स्पेस या फिक्स्ड स्पेस के रूप में जाना जाता है क्योंकि यह उस स्थान पर लाइन स्प्लिटिंग को रोकता है जहां कोड रखा गया है।

  • उदाहरण के लिए, सभी को नमस्कार टाइप करें! "हैलो" और "हर कोई!" शब्दों के बीच एक अतिरिक्त स्थान डालने के लिए!
  • यदि आप इन वर्णों का अत्यधिक उपयोग करते हैं, तो आपके ब्राउज़र को एक साफ और आसानी से पढ़े जाने वाले तरीके से लाइन ब्रेक डालने में कठिनाई होगी।
  • आप जबरन जगह डालने के लिए टाइप भी कर सकते हैं।
Image
Image

चरण 4. विभिन्न चौड़ाई के रिक्त स्थान डालें।

आप निम्न विकल्पों में से किसी एक का उपयोग करके एक लंबा स्थान जोड़ सकते हैं:

  • दो रिक्त स्थान - प्रकार
  • चार रिक्त स्थान - प्रकार
  • इंडेंट - टाइप

विधि 2 का 3: CSS कोड का उपयोग करना

HTML चरण 5 में रिक्त स्थान सम्मिलित करें
HTML चरण 5 में रिक्त स्थान सम्मिलित करें

चरण 1. HTML या CSS दस्तावेज़ खोलें।

CSS कोड को HTML दस्तावेज़ के शीर्षलेख पर लागू किया जा सकता है या बाहरी CSS दस्तावेज़ के रूप में लिखा जा सकता है।

HTML दस्तावेज़ का शीर्ष फ़ाइल के शीर्ष पर है। यह खंड "" और "" चिह्नों के बीच है।

Image
Image

चरण 2. CSS कोड के लिए एक स्टाइल सेगमेंट बनाएं।

स्टाइल सेगमेंट को HTML कोड के शीर्ष पर या एक अलग स्टाइल शीट में जोड़ा जाना चाहिए। HTML दस्तावेज़ों या अलग स्टाइल शीट में स्टाइल सेगमेंट बनाने के लिए निम्नलिखित फ़्लैग का उपयोग करें।

  • शैलियाँ खंड खोलने के लिए टाइप करें। इस निशान के बाद सभी CSS कोड जोड़ने होंगे।
  • शैली खंड को बंद करने के लिए टाइप करें। इस क्लोजिंग मार्क से पहले सभी CSS कोड दर्ज करने होंगे।
Image
Image

चरण 3. स्टाइल सेगमेंट में निम्नलिखित टाइप करें: p {text-indent: 5em;}. उपयुक्त HTML कोड में जोड़े जाने पर यह ध्वज ब्राउज़र को पाँच रिक्त स्थान इंडेंट करने के लिए कहता है।

  • आप "टेक्स्ट-इंडेंट:" कोड के बाद एक अलग संख्या टाइप करके रिक्त स्थान की संख्या या चौड़ाई समायोजित कर सकते हैं।
  • इकाई "em" निर्दिष्ट या लागू फ़ॉन्ट आकार में एक स्थान के बराबर है। आप अन्य इकाइयों का उपयोग कर सकते हैं जैसे प्रतिशत (उदाहरण के लिए "टेक्स्ट-इंडेंट: 15%;") या लंबाई इकाइयां (उदाहरण के लिए "टेक्स्ट-इंडेंट: 3 मिमी;")।
Image
Image

चरण 4. टिक्का

जिस हिस्से में आप इंडेंट करना चाहते हैं।

जिस टेक्स्ट में आप इंडेंट करना चाहते हैं, उससे पहले इस चिह्न को HTML के मुख्य भाग में जोड़ा जाना चाहिए। उसके बाद, सीएसएस कोड में निर्दिष्ट विनिर्देशों के अनुसार इंडेंट को टेक्स्ट में जोड़ा जाएगा।

विधि 3 में से 3: पूर्व-स्वरूपित पाठ का उपयोग करना

HTML चरण 9 में रिक्त स्थान सम्मिलित करें
HTML चरण 9 में रिक्त स्थान सम्मिलित करें

चरण 1. HTML दस्तावेज़ खोलें।

आप विंडोज़ पर टेक्स्ट-एडिटिंग प्रोग्राम जैसे नोटपैड या टेक्स्टएडिट का उपयोग करके एचटीएमएल दस्तावेज़ों को संपादित कर सकते हैं। आप Adobe Dreamweaver जैसे HTML संपादक का भी उपयोग कर सकते हैं। HTML दस्तावेज़ खोलने के लिए इन चरणों का पालन करें।

  • Windows कंप्यूटर (या Mac पर Finder) पर फ़ाइल एक्सप्लोरर में HTML दस्तावेज़ खोजें।
  • उस HTML दस्तावेज़ पर राइट-क्लिक करें जिसे आप संपादित करना चाहते हैं।
  • विकल्प पर होवर करें " के साथ खोलें ”.
  • उस प्रोग्राम पर क्लिक करें जिसका उपयोग आप फ़ाइल को संपादित करने के लिए करना चाहते हैं।
Image
Image

चरण 2. टाइप

उस टेक्स्ट से पहले जिसे आप प्रीफॉर्मेट करना चाहते हैं।

कोड एक पूर्व-स्वरूपित टेक्स्ट ओपनिंग टोकन है।

Image
Image

चरण 3. "के बाद वांछित पाठ टाइप करें"

".

प्रीफॉर्मेटिंग के साथ, "एंटर" कुंजी का उपयोग करके बनाए गए सभी रिक्त स्थान और लाइन ब्रेक HTML पृष्ठ में प्रदर्शित होंगे।

Image
Image

चरण 4. टाइप पाठ के बाद।

पूर्व-स्वरूपित पाठ खंड समाप्त हो जाएगा।

टिप्स

  • यदि आपके द्वारा डाला गया स्थान आपके ब्राउज़र में अजीब प्रतीक उत्पन्न करता है, तो संभव है कि यह टेक्स्ट-प्रोसेसिंग प्रोग्राम प्रारूप में अतिरिक्त डेटा के कारण होता है जिसे इंटरनेट पर प्रदर्शित नहीं किया जाना चाहिए। आप सादे पाठ संपादन प्रोग्राम, जैसे नोटपैड या टेक्स्टएडिट में कोड टाइप करके प्रतीक को प्रदर्शित होने से रोक सकते हैं।
  • टेक्स्ट स्पेसिंग सहित वेब पेजों पर तत्वों को डिजाइन करने के लिए CSS एक अधिक परिष्कृत और पूर्वानुमेय स्टाइल शीट भाषा है।
  • फिक्स्ड स्पेस (नॉन-ब्रेकिंग स्पेस)
  • एक वर्ण इकाई का एक उदाहरण है, एक कोड जो उस वर्ण को संदर्भित करता है जिसे आप कीबोर्ड के माध्यम से टाइप नहीं कर सकते हैं।

चेतावनी

  • Tab. के लिए HTML वर्ण

  • जैसा कि आप उम्मीद कर सकते हैं काम नहीं करता है। मानक HTML दस्तावेज़ों में सारणीकरण स्टॉप नहीं होते हैं, इसलिए वे वर्ण काम नहीं करेंगे।
  • अपना एचटीएमएल कोड हमेशा कोड एडिटर या प्लेन टेक्स्ट फाइल में लिखें, न कि वर्ड प्रोसेसिंग फाइल फॉर्मेट (जैसे वर्ड) में।

सिफारिश की: