HTML में कुछ कैसे संरेखित करें: 10 चरण (चित्रों के साथ)

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

कदम

2 का विधि 1:

HTML के साथ पाठ संरेखित करेंविज्ञापनों से थक गया? प्रो में अपग्रेड

1. प्रत्येक खंड को घेरें जो एक के साथ संरेखण बदल जाएगा "डिव". इसका मतलब है, आपको जोड़ने की जरूरत है "डिव" के अंदर "से कम" तथा "से अधिक" प्रतीक (<>) पहले HTML टैग से पहले जो इसके संरेखण को बदल देगा, और जोड़ें "/ div" अंतिम HTML टैग के बाद इन प्रतीकों के अंदर जो इसके संरेखण को बदल देगा.

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

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

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

यदि आपको पाठ को सही-संरेखित करने की आवश्यकता है, तो बदलें "डिव" टैग करने के लिए "div शैली = `पाठ-संरेखण: सही`" के अंदर "<>" प्रतीक.

यदि आपको केंद्र की आवश्यकता है - पाठ को संरेखित करें, बदलें "डिव" टैग करने के लिए "div शैली = `पाठ-संरेखण: केंद्र`" के अंदर "<>" प्रतीक.

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

4. अपने परिवर्तनों को सहेजें.

5. यह सुनिश्चित करने के लिए अपनी सामग्री की उपस्थिति को सत्यापित करें कि यह काम करता है.

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

6. अपने पाठ को देखने का आनंद लें कि आप कैसे चाहते थे.

2 का विधि 2:

HTML के साथ छवियों को संरेखित करेंविज्ञापनों से थक गया? प्रो में अपग्रेड

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

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

यदि आपको बाईं ओर लटकने के लिए छवि की आवश्यकता है, तो जोड़ें "शैली = `फ्लोट: बाएं`" टैग के रूप में, के रूप में "आईएमजी स्टाइल = `फ्लोट: राइट`" के अंदर "<>" प्रतीक.

यदि आपको दाईं ओर लटकने के लिए छवि की आवश्यकता है, तो जोड़ें "शैली = `फ्लोट: राइट`" टैग के रूप में, के रूप में "आईएमजी स्टाइल = `फ्लोट: राइट`" के अंदर "<>" प्रतीक.

यदि आपको केंद्र में लटकने के लिए छवि की आवश्यकता है, तो कोड थोड़ा अधिक जटिल हो जाता है. वहां नहीं हैं "फ्लोट: केंद्र" संपत्ति, इसलिए आपको काम-आसपास जोड़ना होगा "शैली = `संरेखण: केंद्र-पाठ-संरेखण: केंद्र`" टैग के रूप में, के रूप में "आईएमजी शैली = `संरेखित: केंद्र-पाठ-संरेखण: केंद्र`" फिर से भीतर "<>" प्रतीक.

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

4. अपनी संरेखित छवियों का आनंद लें.

वीडियो.

इस सेवा का उपयोग करके, कुछ जानकारी YouTube के साथ साझा की जा सकती है.

टिप्स

आपने देखा होगा "पी align = `केंद्र`" (भीतर) <>) पाठ संरेखण बदलने के लिए उपयोग किया जाता है. इससे बचें क्योंकि यह पुराना है, और यह केवल प्रमुख ब्राउज़रों को समर्थन देना बंद करने से पहले समय की बात है.

HTML के साथ छवियों को संरेखित करने के निर्देश भी आपको HTML के साथ अनुभागों को संरेखित करने की अनुमति देता है. के साथ अनुभाग "डिव" टैग, HTML के साथ पाठ को संरेखित करने के निर्देशों के रूप में. जोड़ें "नाव" संपत्ति को "डिव" आप जैसे टैग करता है "आईएमजी" छवि संरेखण दिशाओं में टैग.

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

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