लाल रेखा। एचटीएमएल में इंडेंट करें

जब आप कुछ ग्रंथों या तालिकाओं को डिज़ाइन करते हैं, तो वेबमास्टर्स को इस तरह की समस्या से निपटना होगा क्योंकि लाल रेखाओं के डिजाइन, टेक्स्ट में इंडेंट्स ऐसा प्रतीत होता है कि सब कुछ बहुत सरल है - इच्छित फ़ील्ड में पाठ की प्रतिलिपि बनाएँ, और इंडेंट्स स्वचालित रूप से बनाए जाएंगे। लेकिन दुर्भाग्य से, सब कुछ इतना आसान नहीं है। तो आइए जानें कि पाठ को कैसे ठीक से प्रारूपित करें ताकि यह सुंदर और प्रभावी हो, और पता लगाएं कि आप एचडीएम इंडेंट कैसे कर सकते हैं।

विधि एक

चलो सरलतम से शुरू करते हैं, लेकिन एक ही समय में श्रम-गहन इंडेंटेशन। इस समस्या को हल करने के लिए, हम अंतरिक्ष कोड का उपयोग करते हैं - & nbsp;। पैराग्राफ की शुरुआत में कई बार इसका इस्तेमाल करते हुए, आप को ज़रूरत पड़ने वाले इंडेक्शन प्राप्त होंगे।

इस पद्धति के फायदे यह है कि यह कोड किसी भी ब्राउज़र द्वारा पढ़ा जाता है। यह नुकसान यह है कि आपको आपके द्वारा चुने गए पाठ में लंबे और थकाऊ स्थान देना होगा। यह विधि उन लोगों के लिए उपयुक्त है जो सिर्फ HTML के साथ परिचित हैं। टेबल में इंडेंट भी इस तरह से बनाया जा सकता है।

दूसरे की विधि

दूसरा तरीका युग्मित टैग

यह पहले मामले की तुलना में आसान है। लेकिन परेशानी यह है कि यह टैग नाम केवल 40 पिक्सल को इंडेंट करता है, इसके अतिरिक्त, इसका उपयोग करते समय, इंडेंट को न केवल बाईं तरफ सेट किया जाता है, बल्कि ऊपर से, और यहां तक कि नीचे से भी। पाठ के लिए यह हमेशा अच्छा नहीं होता है, टेबल के लिए HTML को इंडेंट करने का एक तरीका अधिक प्रभावी होगा।

यदि आप अच्छी तरह से जानकारी के ब्लॉक का चयन करना चाहते हैं - यह टैग काम करेगा, यदि नहीं - हम पहले विधि का उपयोग करने की सिफारिश करते हैं या शेष दो को देखें।

तीसरे रास्ते

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

हां, समाधान बुरा नहीं है, लेकिन क्या होगा यदि आपकी साइट की पृष्ठभूमि छवि या चित्र है? यह विधि यहां उपयुक्त नहीं है। और इसके अलावा, जब आप यह शब्द चुनते हैं तो देखा जाएगा। और याद रखें कि यह कोड सभी इंटरनेट उपयोगकर्ताओं के लिए उपलब्ध होगा। इस मामले में, अपने पृष्ठ के स्रोत कोड को देखते हुए, उपयोगकर्ता हानि में रह सकते हैं। इसलिए, हम अभी भी indenting के लिए विशेष टैग का उपयोग करने की सलाह देते हैं। यह भी ध्यान रखें कि इस तरह के विकल्प तालिका के लिए पूरी तरह से उपयुक्त नहीं हैं, हालांकि इसका इस्तेमाल पाठ स्वरूपित करने के लिए किया जा सकता है ।

विधि चार

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

।

पहला टैग एक अनुच्छेद बनाने के लिए, एक नई पंक्ति में पाठ रखता है। दूसरा एक टैब्यूलर के रूप में कार्य करता है, अर्थात यह एक लाल रेखा रखता है। जैसा कि आप देख सकते हैं, सब कुछ बहुत सरल और समझ में आता है। इसके अतिरिक्त, ऐसे रिकॉर्ड को उन उपयोगकर्ताओं द्वारा समझा जाएगा जो आपकी वेबसाइट पर ध्यान देते हैं और अपने कोड में रुचि रखते हैं।

इस संयोजन का उपयोग करना आसान है, हालांकि इसे मैन्युअल रूप से प्रत्येक अनुच्छेद की शुरुआत में डाला जाना चाहिए। लेकिन क्या करना है, सभी संपादकों के पास पाठ को प्रारूपित करने की योग्यता और सही ढंग से योग्यता नहीं है।

क्या मुझे पैराग्राफ टैग की आवश्यकता है?

अंत में, चलो

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

अधिकांश यूरोपीय देशों में, यह डिज़ाइन आम तौर पर स्वीकार किया जाता है, लेकिन क्या यह हमारे लिए उपयुक्त है? हम सभी को लाल रेखा की उपस्थिति के लिए उपयोग किया जाता है, और हम अक्सर खुद से पूछते हैं कि एचटीएमएल में एक इंडेंट की व्यवस्था कैसे की जाती है, इसके अलावा इस तरीके से स्वरूपित पाठ पढ़ना हमेशा सुविधाजनक नहीं है।

यदि आप पाठ को और अधिक परिचित और पढ़ने में आसान बनाना चाहते हैं, तो हम अनुशंसा करते हैं कि आप

टैग को छोड़ दें और इसे एक

बंडल के साथ बदलें। मेरा विश्वास करो, पैराग्राफ के बीच खाली लाइनों की तुलना में यह अधिक सुंदर और सुरुचिपूर्ण होगा और इसलिए आप स्क्रीन पर अंतरिक्ष को बचा सकते हैं।

निष्कर्ष

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

आप HTML को कई तरीकों से इंडेंट कर सकते हैं हमने उनमें से प्रत्येक का विश्लेषण किया है, उनके फायदे और नुकसान पर प्रकाश डाला है। हम इस तथ्य के बारे में भी बात करते थे कि

टैग हमेशा ऐसा उपयोगी नहीं होता जितना हम चाहते हैं।