ट्याबहरू र स्पेसिङ सिर्जना गर्न HTML र CSS कसरी प्रयोग गर्ने

एचटीएमएलमा सेतो स्पेस कसरी ब्राउजरद्वारा व्यवहार गरिएको देखिन्छ

यदि तपाइँ शुरुवात वेब डिजाईजर हुनुहुन्छ भने, तपाइँले धेरै चीजहरू मध्ये एक शुरुवात शुरु गर्नुपर्नेछ जुन साइटको कोडमा सेतो स्पेस वेब ब्राउजरद्वारा संभाला भएको छ।

दुर्भाग्यवश, ब्राउजरहरूले सेतो ठाउँ सङ्कलन गरेमा पहिलो सहज छैन, विशेषगरि यदि तपाईं HTML मा जानुहुन्छ र तुलना गर्नुहोस् कि कसरी शब्द प्रसोधन कार्यक्रममा सेतो स्पेस लगाइएको छ, जुन तपाईसँग बढी परिचित हुन सक्नुहुन्छ।

शब्द प्रशोधन सफ्टवेयरमा, तपाईंले कागजातमा धेरै स्पेसिङ वा ट्याबहरू थप्न सक्नुहुन्छ र स्पेसिङ कागजातको सामग्री प्रदर्शनमा प्रतिबिंबित हुनेछ। यो HTML को साथ वा वेब पेजको साथ होईन। यस्तो रूपमा, कसरी स्पेस स्पेस सिक्न, वास्तवमा, वेब ब्राउजरहरू द्वारा संभाला धेरै महत्त्वपूर्ण छ।

प्रिन्टमा स्पेसिंग

शब्द प्रशोधन सफ्टवेयरमा, तीन प्राथमिक सेतो स्पेस क्यारेक्टर स्पेस, ट्याब र क्यारियर रिटर्न हो। यी प्रत्येक मध्ये एक अलग तरिका मा, तर HTML मा ब्राउजरहरूले तिनीहरूलाई सबै अनिवार्य रुपमा प्रस्तुत गर्दछ। चाहे तपाईं आफ्नो HTML मार्कअपमा एक स्पेस वा 100 रिक्त ठाउँ राख्नुहुन्छ, वा ट्याबहरू र क्यारियर फिर्तीहरूसँग तपाइँको स्पेसिंग अप मिश्रण गर्नुहोस्, यी सबै ब्राउजरद्वारा प्रदान गरिएको बेला एक स्पेसमा कन्डिस गरिनेछ। वेब डिजाईन शब्दावलीमा, यो सेतो स्पेस पतनको रूपमा चिनिन्छ। तपाईं वेब पेजमा व्हाइटस्पेस थप्नका लागि यी विशिष्ट स्पेसिंग कुञ्जीहरू प्रयोग गर्न सक्नुहुन्न किनकि ब्राउजरले ब्राउजरमा प्रदान गर्दा ब्राउजरले केवल एक स्पेसमा धेरै रिक्त स्थानहरू बिच्छेदन गर्दछ,

कसैले कसैले ट्याब प्रयोग गर्दछ?

सामान्यतया, जब पाठ पाठमा ट्याबहरू प्रयोग गर्दछ, उनीहरूले लेआउट कारणहरूका लागि प्रयोग गर्दैछन् वा निश्चित स्थानमा सार्न वा अर्को तत्वबाट निश्चित दूरी हुन। वेब डिजाईनमा, तपाईंले ती दृश्य शैलियहरू वा लेआउट आवश्यकताहरू प्राप्त गर्न ती उपराष्ट्रपति स्पेस क्यारेक्टरहरू प्रयोग गर्न सक्नुहुन्न।

वेब डिजाईनमा, कोडमा थप स्पेसिङ क्यारेक्टरहरूको प्रयोग विशुद्ध रूपले त्यो कोड पढ्न सजिलो हुनेछ। वेब डिजाइनरहरू र विकासकर्ताहरू प्राय: ट्याबहरूलाई इन्डेन्ट कोडमा प्रयोग गर्दछ ताकि उनीहरूले कुन तत्वहरू अन्य तत्वका बच्चा हुन् - तर ती इन्डेन्टले पृष्ठको भिजुअल लेआउटलाई असर गर्दैन। तिनीहरू आवश्यक दृश्य लेआउट परिवर्तनहरूको लागि, तपाईंलाई सीएसएस (सीस्केडिङ शैली पानाहरू) मा घुमाउन आवश्यक पर्दछ।

HTML ट्याबहरू र स्पेसिङ सिर्जना गर्न CSS प्रयोग गर्दै

आज वेबसाइटहरु ढाँचा र शैली को विभाजन संग बनाइन्छ। पृष्ठको ढाँचा एचटीटीएल द्वारा संभाला हुन्छ जब शैली सीएसएस द्वारा तय गरिएको छ। यो स्पेसिङ सिर्जना गर्न वा एक निश्चित लेआउट प्राप्त गर्न को लागी, तपाइँ सीएसएसमा बदलिनु पर्दछ र HTML कोडमा स्पेसिंग क्यारेक्टरहरू थप्न खोज्नु हुँदैन।

यदि तपाइँ पाठको स्तम्भहरू सिर्जना गर्न ट्याबहरू प्रयोग गर्ने प्रयास गर्दै हुनुहुन्छ भने, तपाइँ यसको बजाय

तत्वहरू जुन स्तम्भ लेआउट प्राप्त गर्न CSS सँग स्थितिमा प्रयोग गर्न सक्नुहुन्छ। यो पोजीटिङ् CSS फ्लोट्स, पूर्ण र सापेक्ष स्थिति, वा Flexbox वा सीएसएस ग्रिड जस्तै सीएसएस लेआउट प्रविधिहरू नयाँ क्रस मार्फत गर्न सकिन्छ।

यदि तपाईले बिदा गरिरहनुभएको डेटा सारणीय डेटा हो, तपाईले डेटालाई पङ्क्तिबद्ध गर्न तालिकाहरू प्रयोग गर्न सक्नुहुन्छ जुन तपाईं चाहानुहुन्छ। तालिकाहरूले प्राय: वेब डिजाइनमा खराब राप प्राप्त गर्दछ किनभने तिनीहरू धेरै वर्षको लागि शुद्ध लेआउट उपकरणको साथ दुर्व्यवहार गरिएका थिए, तर यदि तपाइँका सामाग्रीले उल्लिखित तालिकाबद्ध डेटा समावेश गर्दछ भने तालिकाहरू अझै पनि मान्य मान्य छन्।

मार्ग, प्याडिङ, र पाठ ईन्डेन्ट

CSS सँग स्पेसिङ सिर्जना गर्ने सबैभन्दा सामान्य तरिका निम्न CSS शैलियों मध्ये एक प्रयोग गरेर होईन:

  • मार्जिन
  • padding
  • पाठ-इन्डेन्ट

उदाहरणको लागि, तपाईं निम्न अनुच्छेद जस्तै ट्याब्लेट जस्तै ट्याब्लेटको पहिलो रेखा इन्डेन्ट गर्न सक्नुहुन्छ (ध्यान दिनुहोस् कि यसले तपाईको अनुच्छेदलाई "प्रथम" को वर्ग गुणमा संलग्न गर्दछ):

p.first {
पाठ-इन्डेन्ट: 5em;
}

यो अनुच्छेद अब 5 वटा वर्णहरू इन्डेन्टेड गरिनेछ।

तपाईं एक तत्वको शीर्ष, तल, बायाँ वा दाँया (वा ती साइजहरूको संयोजन) माथि स्पेसिङ थप्न CSS मा मार्जिन वा प्याडिङ् गुणहरू प्रयोग गर्न सक्नुहुन्छ। अन्ततः, तपाइँ CSS मा बदले कुनै पनि प्रकारको स्पेसिङ प्राप्त गर्न सक्नुहुनेछ।

एसएसएस बिना एक सेकेन्ड भन्दा बढी पाठ सारियो

यदि तपाइँ चाहानुहुन्छ भने तपाईंको पाठको लागि अघिल्लो वस्तुबाट एकै स्थानमा एक भन्दा बढी ठाउँ सारिनेछ, तपाईं गैर-तोड्ने ठाउँ प्रयोग गर्न सक्नुहुनेछ।

गैर विच्छेदन स्पेस प्रयोग गर्न, तपाइँ भर्खरै थप्नुहोस् & nbsp; तपाईले तपाईको एचटीएमएल मार्कअपमा धेरै पटक आवश्यक पर्दछ।

उदाहरणका लागि, यदि तपाईं आफ्नो शब्दमा पाँच स्थानहरू माथि सार्न चाहानुहुन्छ भने, तपाईंले शब्द पहिलेको शब्द थप्न सक्नुहुन्छ।

& nbsp; & nbsp; & nbsp;

एचटीएमएलले उनीहरूको आदर गर्दछ र तिनीहरूलाई एकै ठाउँमा खाली पार्ने छैन। यद्यपि, यो धेरै खराब अभ्यास मानिन्छ किनभने यसले लेआउट आवश्यकताहरू प्राप्त गर्न कागजातमा थप एचटीएमएल मार्कअप थप्दैछ। ढाँचा र शैलीको कि विभाजनमा फर्किँदै गर्दा, तपाइँले कुनै इच्छित लेआउट प्रभाव प्राप्त गर्न गैर-तोक्ने ठाउँहरू थप्न नदिनु पर्दछ र यसको सट्टा CSS मार्जिन र प्याडिङ प्रयोग गर्नुपर्छ।