अपनी साइट को केंद्र में संरेखित करें

विषयसूची:

अपनी साइट को केंद्र में संरेखित करें
अपनी साइट को केंद्र में संरेखित करें

वीडियो: अपनी साइट को केंद्र में संरेखित करें

वीडियो: अपनी साइट को केंद्र में संरेखित करें
वीडियो: एचटीएमएल वेबसाइट में एक फॉर्म को केंद्र में कैसे संरेखित करें 2024, मई
Anonim

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

अपनी साइट को केंद्र में संरेखित करें
अपनी साइट को केंद्र में संरेखित करें

अनुदेश

चरण 1

केंद्र संरेखण विधि लेआउट विधि पर निर्भर करती है। आप टैग का उपयोग कर सकते हैं या

… बेशक, सभी सामग्री को एक टैग में लपेटना आसान है, लेकिन यह बहुत समय पहले पुराना है, और इस बात की कोई गारंटी नहीं है कि सब कुछ सही ढंग से काम करेगा। CSS तकनीक का उपयोग करने का सबसे आधुनिक तरीका है।

चरण दो

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

साइट सामग्री

चरण 3

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

* {मार्जिन: 0; पैडिंग: 0;}

तन {

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

}

डिव {

चौड़ाई: 700px;

मार्जिन: 0 ऑटो;

}

चरण 4

तालिका लेआउट में, टैग में तालिकाओं का उपयोग करके केंद्रीकरण सेट किया जाता है

… कोड इस प्रकार होगा: <साइट तालिका

… तालिका क्रमशः पृष्ठ के केंद्र में स्थित होगी, और इसकी सामग्री भी होगी। आप किसी भी ब्लॉक की चौड़ाई को चौड़ाई पैरामीटर का उपयोग करके निर्दिष्ट करके भी सेट कर सकते हैं।

चरण 5

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

चरण 6

आप जो भी तरीका इस्तेमाल करें, सुनिश्चित करें कि आपकी साइट सभी ब्राउज़रों में सही ढंग से काम करती है। यदि किसी कारण से यह उनमें से किसी एक में गलत तरीके से प्रदर्शित होता है - इसे इंगित करें।

सिफारिश की: