HTML में कुछ संरेखित करें

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

सामग्री

चरणों

विधि 1html के साथ पाठ संरेखित करें
विधि 2एचटीएमएल के साथ छवियों को संरेखित करें

युक्तियाँ
सूत्रों और कोटेशन

चरणों

विधि 1
HTML के साथ पाठ संरेखित करें

"डिव" टैग के साथ संशोधित संरेखण वाले प्रत्येक अनुभाग को देखें इसका मतलब है कि "कम" प्रतीकों के भीतर "div" जोड़ना आवश्यक है (<) e "maior que" (>) पहले एचटीएमएल मार्कर से पहले जिसकी संरेखण बदल जाएगी।

निर्धारित करें कि आपको उस "div" पर पाठ संरेखण को बदलने की आवश्यकता है

यदि आपको पाठ को बाईं ओर संरेखित करने की आवश्यकता है, तो "div" टैग को बदलें ताकि निम्नलिखित पाठ "<>": div style = `text-align: left`

यदि आपको पाठ को दाईं ओर संरेखित करना है, तो "div" टैग को "div style = `text-align: right`" प्रतीक के भीतर बदलें "<>"।
यदि आपको पाठ को बीच में संरेखित करना है, तो "div" टैग को "div style = `text-align: center`" प्रतीक के भीतर बदलें "<>"।
यदि आपको पाठ को सही ठहराने की आवश्यकता है, तो "प्रतीक" के भीतर "div" को "div style = `text-align: justify`" टैग में परिवर्तित करें "<>"।

एचटीएमएल चरण 4 में संरेखित करें संरेखण चित्र शीर्षक

अपने परिवर्तन सहेजें

यह सुनिश्चित करने के लिए कि संरेखण ने काम किया है, अपनी सामग्री के स्वरूप को जांचें।

यदि यह काम नहीं करता है, तो साइट की शैली शीट में एक विशिष्ट एन्कोडिंग है जो आपकी "div" को बदल देती है प्रत्येक शैली के उद्घाटन टैग के अंदर "शैली = `टेक्स्ट-संरेखित करें: दाएं`" का उपयुक्त संस्करण जोड़कर उस साइट के लिए शैली पत्रक को बदलें ताकि उसके संरेखण को संशोधित किया जा सके। उदाहरण के लिए, एक "पी" टैग "p शैली = `पाठ-संरेखित करें: सही` `प्रतीक के भीतर"<>"।

अपने पाठ को ठीक तरह से दिखाया जा रहा है जैसा आप चाहें।

विधि 2
एचटीएमएल के साथ छवियों को संरेखित करें

जिस छवि को आप संरेखित करना चाहते हैं उसके लिए HTML कोड ढूंढें।

इसके लिए उपयुक्त "फ्लोट" संपत्ति को जोड़ने के लिए "आईएमजी" टैग को संपादित करें

यदि आपको छवि छोड़ने की आवश्यकता है, तो "style = `float: left`" टैग पर जोड़ें ताकि यह "img style = `float: left`",<>"।
यदि आपको छवि को दाईं ओर की आवश्यकता है, तो टैग पर "style = `float: right`" जोड़ें, ताकि "img style = `float: right`<>"।
यदि आपको छवि को केंद्र में रखने की आवश्यकता है, तो कोड थोड़ी अधिक जटिल है। कोई फ्लोट नहीं है: केंद्र की संपत्ति, इसलिए आपको "style = `align: center-text-align: center`" टैग में जोड़ने की आवश्यकता है ताकि यह "img style = `align: center-text-align: center पर रहता है ``, फिर प्रतीकों के साथ "<>"।

अपना कोड सहेजें

अपनी छवियों को गठबंधन का आनंद लें!

युक्तियाँ

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