विषय

• दिशाओं
• पाठ को कैसे संरेखित करें
• बाएं {
• सही {
• केंद्र {
• विभाजन, समोच्च और शरीर विभाजन को केंद्रीकृत कैसे करें
• युक्तियाँ
• आपको क्या चाहिए

HTML टैग में निहित HTML संरेखण विशेषताओं का उपयोग करने के बजाय, जो पाठ को चिह्नित करते हैं, वेब डिजाइनरों के लिए प्रस्तुति की जानकारी (संरेखण विकल्प) को स्टाइल शीट पर स्थानांतरित करना बेहतर होता है। यह आलेख बताएगा कि पाठ को कैसे संरेखित करें और बड़े पृष्ठ तत्वों को कैसे विभाजित करें, जैसे विभाजन।

दिशाओं

शैली पत्रक आपको पाठ से अधिक संरेखित और केंद्र करने की अनुमति देते हैं (वेबसाइट लेआउट छवि Fotolia.com से 6922Designer द्वारा)

पाठ को कैसे संरेखित करें

1. पाठ के एक सामान्य ब्लॉक के भीतर पाठ संरेखित करने के लिए, जैसे कि एक पैराग्राफ या उद्धरण, पाठ-संरेखित संपत्ति का उपयोग करें।

2. पाठ-संरेखित गुण के लिए मान विकल्प बाएँ, दाएँ, केंद्र और औचित्य हैं। क्योंकि न्यायपूर्ण पाठ वेब पर बहुत पठनीय नहीं है, इसलिए चित्रण केवल बाएं, दाएं और केंद्र संरेखण को दर्शाता है। इस चित्रण में, प्रत्येक पैराग्राफ में पृष्ठ पर ब्लॉक तत्व के आकार को प्रदर्शित करने के लिए एक काली सीमा होती है यदि तत्व में चौड़ाई समायोजन लागू नहीं होता है।

3. आमतौर पर, एक तत्व एक आईडी या वर्ग को सौंपा जाता है। इस आईडी या कक्षा में किसी भी आइटम पर पाठ संरेखण को एक नियम से परिभाषित किया गया है, जैसे कि निम्नलिखित:

   बाएं {

   पाठ-संरेखण: बायां; }

   
   

   सही {

   पाठ-संरेखण: सही; }

   केंद्र {

   पाठ-संरेखण: केंद्र; }

विभाजन, समोच्च और शरीर विभाजन को केंद्रीकृत कैसे करें

1. आप संपूर्ण लेआउट या बड़े लेआउट को केंद्र में रखना चाह सकते हैं। इन मामलों में, एक अलग सीएसएस तकनीक का उपयोग किया जाता है।

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

3. इस विधि द्वारा केंद्रित पाठ संरेखण को प्रभावित नहीं करता है। केंद्रित तत्व केंद्रित तत्व के भीतर पाठ के डिफ़ॉल्ट बाएँ संरेखण को बनाए रखेगा।

4. निम्नलिखित एक पूरे शरीर तत्व (स्पष्टता के लिए एक काली सीमा के साथ) का एक चित्रण है जो एक पृष्ठ पर केंद्रित है। तत्व के लिए एक चौड़ाई निर्धारित की जानी चाहिए, फिर बाएं और दाएं मार्जिन को स्वचालित पर सेट किया गया है। यह निम्नानुसार किया जाता है:

   शरीर {चौड़ाई: 80%; मार्जिन-राइट: ऑटो; मार्जिन-बाएं: ऑटो; सीमा: 1px ठोस काला; }

   
   

युक्तियाँ

• आम तौर पर आपको संरेखित-बाएँ का उपयोग करने की आवश्यकता नहीं होती है, क्योंकि बाएँ संरेखण डिफ़ॉल्ट है।हालाँकि, आपको यह जानना होगा कि यह मौजूद है, यदि आपको पहले केंद्रीयकृत या दाएं-संरेखित पाठ को डिफ़ॉल्ट रूप से फिर से परिभाषित करना है। केंद्रित होने वाले तत्व की चौड़ाई को पिक्सेल, प्रतिशत, या ईएमएस में परिभाषित किया जा सकता है।

आपको क्या चाहिए

• पाठ संपादक
• HTML संपादक
• मूल HTML ज्ञान