Html में स्पेस कैसे डालें

विषयसूची:

Html में स्पेस कैसे डालें
Html में स्पेस कैसे डालें
Anonim

लेखक द्वारा कल्पना किए गए प्रभावों के अनुसार वेब पेज पर टेक्स्ट के सही प्रदर्शन के लिए HTML में एक स्थान सम्मिलित करना आवश्यक है। कार्य की जटिलता के आधार पर, आप सामान्य गैर-ब्रेकिंग रिक्त स्थान दोनों का उपयोग कर सकते हैं और सीएसएस गुणों का उपयोग करके रिक्त स्थान की संख्या को नियंत्रित कर सकते हैं।

html में स्पेस कैसे डालें
html में स्पेस कैसे डालें

यह आवश्यक है

एचटीएमएल संपादक

अनुदेश

चरण 1

यदि आपको शब्दों के बीच एक साधारण स्थान डालने की आवश्यकता है (स्पेस कुंजी दबाकर प्राप्त किया गया है), तो आपको कोई विशेष क्रिया करने की आवश्यकता नहीं है - एचटीएमएल कोड में लगातार सामान्य रिक्त स्थान वेब पेज पर एक की तरह दिखेंगे।

चरण दो

शब्दों के बीच रिक्त स्थान की सटीक संख्या रखने के लिए, प्रत्येक नियमित स्थान को " (बिना उद्धरण के) से बदलें - यह html में गैर-ब्रेकिंग स्पेस कोड है। उदाहरण के लिए: "प्रत्येक शब्द के बीच दो रिक्त स्थान हैं।" दो शब्दों के बीच एक नॉन-ब्रेकिंग स्पेस डाला जाता है ताकि दूसरी लाइन में लपेटे जाने पर वे अलग न हों। पाठ में गैर-ब्रेकिंग रिक्त स्थान के स्वचालित प्लेसमेंट के लिए, आर्टेम लेबेडेव के प्रसिद्ध टूल - "टाइपोग्राफ" (https://www.artlebedev.ru/tools/typograf/) का उपयोग करना सुविधाजनक है।

चरण 3

शब्दों के बीच html में इच्छित मात्रा में रिक्त स्थान सम्मिलित करने का दूसरा तरीका: टेक्स्ट के वांछित भाग को टैग और में संलग्न करें। फिर शब्दों को एक मोनोस्पेस्ड फ़ॉन्ट में प्रदर्शित किया जाएगा, लेकिन वेब पेज पर प्रदर्शित होने पर शब्दों के बीच सभी सामान्य रिक्त स्थान संरक्षित किए जाएंगे। कृपया ध्यान दें कि टैग में कुछ विशेषताएं हैं: इसके अंदर कुछ अन्य टैग की अनुमति नहीं है: तथा ,,,,.

चरण 4

व्हॉट्सएप की हैंडलिंग को नियंत्रित करने के लिए एक अधिक जटिल विधि: व्हाइट-स्पेस सीएसएस प्रॉपर्टी का उपयोग प्री या प्री-रैप वैल्यू के साथ करें (तत्व के अंदर लाइन रैपिंग के बिना और लाइन रैपिंग के साथ, क्रमशः)। इस गुण को पृष्ठ शैली या एक अलग html-लेआउट तत्व के विवरण में निर्दिष्ट करें। इस पद्धति का उपयोग करते समय, फ़ॉन्ट मोनोस्पेस्ड में नहीं बदलता है, और शब्दों के बीच रिक्त स्थान की संख्या संरक्षित होती है। उदाहरण: मैं html कोड में स्पेस कैसे डालूं? या:.free_spaces {white-space: pre-wrap;} … मैं html कोड में स्पेस कैसे डालूं?

सिफारिश की: