ekterya.com

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

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

चरणों

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

एचटीएमएल चरण 1 में एक छवि केंद्र शीर्षक वाली छवि
1
शब्द का उपयोग न करें "केंद्र" (केंद्र) लेबल पर। एचटीएमएल में, आप पाठ को केन्द्रित कर सकते हैं, लेकिन छवियों के संरेखण को शब्द के साथ पहचाना जाता है "बीच" (औसत)। छवियां रैखिक तत्व नहीं हैं, इसलिए उन्हें अन्य तत्वों के संबंध में पहचान की जाती है।
  • एचटीएमएल चरण 2 में एक छवि केंद्र शीर्षक वाली छवि
    2
    कोड की एक नई लाइन शुरू करें यह इंगित करने के लिए पैराग्राफ लेबल का उपयोग करें कि एक नई लाइन शुरू होती है। साथ लेबल शुरू करें

    और फिर पाठ लिखें

  • एचटीएमएल चरण 3 में एक छवि केंद्र शीर्षक वाली छवि
    3
    टाइप करके चित्र डालें।. इसके बाद छवि जोड़ने का विवरण शामिल करें alt ="चित्र का विवरण".
  • अनुभाग "src" वेब पेज को बताता है कि छवि का यूआरएल क्या है
  • अनुभाग "alt" वेब पेज को बताता है कि इसे क्या कहा जाता है।
  • एचटीएमएल चरण 4 में एक छवि केंद्र शीर्षक वाली छवि
    4
    छवि के संरेखण को निर्दिष्ट करता है लिखना संरेखित करें ="बीच">. यह लेबल का अंतिम हिस्सा है।
  • एचटीएमएल चरण 5 में एक छवि केंद्र शीर्षक वाली छवि
    5
    अधिक टेक्स्ट जोड़ें अब के साथ लेबल बंद करें . उदाहरण के लिए, अंतिम कोड लेबल इस तरह दिखना चाहिए:

    हम HTML में कोड सीख रहे हैंनर्तक कुत्ते यहाँ हमारे उदाहरण समाप्त

    .
  • विधि 2
    एक लेबल के अंदर संरेखित करें




    एचटीएमएल चरण 6 में एक छवि केंद्र शीर्षक वाली छवि

    Video: Week 7, continued

    1
    एक नया तत्व बनाएं और इसे केंद्र बनाएं। आप एक केंद्रित तत्व के भीतर छवि को शामिल कर सकते हैं हालांकि, तत्व के अतिरिक्त अतिरिक्त स्थान बनाए जाएंगे
  • एचटीएमएल चरण 7 में एक छवि केंद्र शीर्षक वाली छवि
    2
    कोड की एक नई लाइन शुरू करें तत्व को केंद्रित करके प्रारंभ करें लिखना .
  • Video: Week 7

    एचटीएमएल चरण 8 में एक छवि केंद्र शीर्षक वाली छवि
    3
    छवि टैग जोड़ें लिखना नर्तक कुत्ते.
  • एचटीएमएल चरण 9 में एक छवि केंद्र शीर्षक वाली छवि
    4
    छवि की ऊंचाई और चौड़ाई निर्दिष्ट करें लिखना ऊंचाई ="200" चौड़ाई ="200"> जिस आकार को आप पसंद करते हैं उसे संशोधित करना यह छवि लेबल का अंतिम भाग है
  • एचटीएमएल चरण 10 में एक छवि केंद्र शीर्षक वाली छवि
    5
    टैग के साथ बंद करें. उदाहरण के लिए, पूरा लेबल इस तरह दिखना चाहिए:
    नर्तक कुत्ते
    .
  • चेतावनी

    Video: Section 8

    • ध्यान रखें कि दोनों लेबल "संरेखित" जैसे "केंद्र" वे अप्रचलित हो गए हैं इसका मतलब यह है कि भविष्य में उनका उपयोग नहीं किया जाएगा। यद्यपि कोई सटीक तिथि नहीं है जिसमें वे अस्तित्व समाप्त हो जाएँगे, कुछ समय में ब्राउज़र उन्हें पहचानने में विफल हो जाते हैं और कोड को सीएसएस या एचटीएमएल 5 में अपडेट किया जाना चाहिए।
    सामाजिक नेटवर्क पर साझा करें:

    संबद्ध
    © 2021 ekterya.com