एचटीएमएल में तत्वों को कैसे संरेखित करें

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

कदम

विधि 1

HTML के साथ पाठ संरेखित करें
1
टैग जोड़ें "div" प्रत्येक अनुभाग में आप को संरेखण को बदलना चाहते हैं। इसका अर्थ है कि आपको टैग जोड़ना होगा "div" प्रतीकों के अंदर "अधिक से अधिक" और "कम" (<>) पहले एचटीएमएल टैग के सामने, और जोड़ें "/ div" एक ही प्रतीक के भीतर (<>) अनुभाग के अंतिम एचटीएमएल टैग के सामने जो आप संरेखण को बदलना चाहते हैं।
  • 2
    टैग के भीतर उपयोग करने वाली संपत्ति का पता लगाएं "div" पाठ के संरेखण को बदलने के लिए
  • 3
    यदि आप बाईं ओर पाठ को संरेखित करना चाहते हैं, तो टैग संपादित करें "div" प्रतीकों के अंदर निम्न पाठ डालने "<>": div style = `text-align: left`
  • यदि आप दाईं ओर स्थित पाठ को संरेखित करना चाहते हैं, तो टैग को संपादित करें "div" प्रतीकों के अंदर निम्न पाठ डालने "<>": div शैली = `टेक्स्ट-संरेखित करें: सही`
  • यदि आप मध्य में पाठ को संरेखित करना चाहते हैं, तो टैग संपादित करें "div" प्रतीकों के अंदर निम्न पाठ डालने "<>": div शैली = `टेक्स्ट-संरेखित करें: केंद्र`
  • यदि आप टेक्स्ट को सही ठहराना चाहते हैं, तो टैग को संपादित करें "div" प्रतीकों के अंदर निम्न पाठ डालने "<>": div शैली = `टेक्स्ट-संरेखित करें: औचित्य`
  • 4
    परिवर्तनों को बचाएं
  • 5
    परिवर्तनों को लागू किया गया है यह सुनिश्चित करने के लिए अपनी सामग्री के रूप में देखें।
  • यदि वे लागू नहीं किए गए हैं, तो इसका मतलब है कि वेबसाइट एक विशिष्ट कोड को गोद लेती है जो टैग को अमान्य करता है "div" स्टाइल शीट में का उपयुक्त संस्करण जोड़कर शैली पत्रक को ओवरराइड करें "शैली = `टेक्स्ट-संरेखित करें: सही`" अपने संरेखण को संशोधित करने के लिए प्रत्येक तत्व के उद्घाटन टैग के अंदर। उदाहरण के लिए, एक टैग "पी" के साथ संशोधित किया जाएगा "पी शैली = `टेक्स्ट-संरेखित करें: सही`" प्रतीकों के अंदर "<>"।
  • 6



    जांचें कि पाठ को वांछित के रूप में गठबंधन किया गया है
  • विधि 2

    HTML के साथ छवियों को संरेखित करें
    1
    उस चित्र का HTML कोड ढूंढें जिसे आप संरेखित करना चाहते हैं।
  • 2
    टैग संपादित करें "img" संपत्ति को जोड़ना "नाव"।
  • यदि आप छवि को बाईं ओर गठबंधन करना चाहते हैं, तो प्रतीक के अंदर जोड़ें "<>" टैग: style = `float: left`, as in "आईएमजी शैली = `फ्लोट: राइट`"।
  • यदि आप छवि को दाईं ओर गठबंधन करना चाहते हैं, तो प्रतीकों के अंदर जोड़ें "<>" टैग: style = `float: right`, जैसा कि "आईएमजी शैली = `फ्लोट: राइट`"।
  • यदि आप बीच में छवि को संरेखित करना चाहते हैं, तो कोड थोड़ा और अधिक जटिल हो जाता है। कोई संपत्ति नहीं है "फ्लोट: केंद्र", तब आपको जोड़ना होगा, हमेशा प्रतीकों के अंदर "<>": शैली = `संरेखित करें: केंद्र-पाठ-पंक्ति: केंद्र`, जैसा कि "आईएमजी शैली = `संरेखित करें: केंद्र-पाठ-पंक्ति: केंद्र`"।
  • 3
    अपना कोड सहेजें
  • 4
    जांचें कि आपकी छवियां अच्छी तरह गठबंधन कर रही हैं।
  • टिप्स

    • शायद आप संपत्ति के उपयोग पर ध्यान दिया होगा "पी संरेखित करें = `केंद्र`" (प्रतीकों के अंदर "<>") पाठ के संरेखण को बदलने के लिए इसे बचने की कोशिश करें, क्योंकि अब यह अप्रचलित है, और यह केवल मुख्य ब्राउज़र के उपयोग के निलंबित होने से पहले समय की बात है।
    • एचटीएमएल के साथ छवियों को कैसे संरेखित करें पर निर्देश आपको एचटीएमएल के साथ वर्गों को संरेखित करने की अनुमति भी देता है। टैग जोड़ें "div" खंडों की शुरुआत और अंत में, जैसा कि पिछले चरणों में बताया गया है आप संपत्ति जोड़ सकते हैं "नाव" टैग में "div", उसी तरह टैग के रूप में "img" छवियों को संरेखित करने के लिए
    • अगर कोड ठीक से प्रदर्शित नहीं होता है, तो यह संभव है कि साइट एचआईएल कोड में समान टैग को अमान्य करने के लिए एक फिल्टर को अपनाना होगा। हालांकि, यह भी संभव है कि कोड के भीतर अर्द्धविराम, एक कोष्ठक, या उद्धरण चिह्न जैसे तत्व गायब हैं, इस प्रकार कोड सही ढंग से कार्य करने से रोकता है जांचें कि ये तत्व शामिल हैं, खासकर अगर कोड के कुछ हिस्सों को काम करने लगता है और अन्य नहीं करते हैं
    और पढ़ें ... (2)
    सामाजिक नेटवर्क पर साझा करें:

    संबद्ध

    © 2011—2022 GnuMani.com