HTML में ग्रंथ और छवियों को कैसे संरेखित करें

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

सामग्री

चरणों
विधि 1
Video: columbia university talk "hinduphobia in academia": rajiv malhotra
Video: section 7
विधि 2
युक्तियाँ

चरणों

विधि 1

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

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

Video: Columbia University Talk "Hinduphobia in Academia": Rajiv Malhotra

निर्धारित करें कि आपको उस "div" कोड में टेक्स्ट के संरेखण को बदलने की आवश्यकता होगी।

Video: Section 7

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

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

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

यदि आपको पाठ को सही ठहराने की आवश्यकता है, तो "div" को "div style = `text-align: justify`" प्रतीक के बीच बदलें "<> "

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

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

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

पाठ को समान रूप से गठबंधन देखने का आनंद लें जैसा कि आप चाहते थे।

विधि 2

HTML के साथ छवियों को संरेखित करें

जिस छवि को आप संरेखित करना चाहते हैं उसके लिए 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" कोड वाले अनुभाग को चारों ओर से लगाएं। "फ़्लैट" प्रॉपर्टी को "div" कोड में जोड़ें जैसा कि आप छवि संरेखण दिशाओं में "आईएमजी" कोड के लिए करते हैं।
यदि कोड सही ढंग से परिवर्तन नहीं दिखाता है, तो संभव है कि वेबसाइट पर सभी HTML कोड को अमान्य करने के लिए एक फ़िल्टर स्थापित किया गया हो। हालांकि, यह भी संभव है कि कोड में एक अर्धविराम, एक बड़ा या छोटा चिन्ह, उद्धरण या कुछ और जो कोड को काम नहीं करता है, याद नहीं है। यह जांचें, निश्चित रूप से जानने के लिए, अगर आप कोड सही तरीके से लागू कर रहे हैं या नहीं

सामाजिक नेटवर्क पर साझा करें:

संबद्ध