ekterya.com

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

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

चरणों

विधि 1
छवि डालने

एचटीएमएल चरण 1 के साथ चित्र सम्मिलित करें छवि शीर्षक
1
अपनी छवि अपलोड करें कई निशुल्क छवि होस्टिंग सेवाएं हैं, जैसे Picasa वेब एल्बम, इमगुर, फ़्लिकर या फ़ोटबॉकेट शब्दों को सावधानीपूर्वक पढ़ें कुछ सेवाओं ने आपकी छवि की गुणवत्ता कम कर दी है या इसे मिटा दिया है यदि कई लोग इसे देखें (क्योंकि यह सर्वर के बैंडविड्थ का उपयोग करता है)।
  • कुछ ब्लॉग होस्टिंग सेवाएं आपको ब्लॉग के व्यवस्थापक टूल का उपयोग करके अपनी छवियों को अपलोड करने की अनुमति देती हैं।
  • यदि आप किसी सर्वर के लिए भुगतान करते हैं, तो एफ़टीपी सेवा का उपयोग कर अपनी साइट पर छवि अपलोड करें। हम आपको एक डायरेक्टरी बनाने की सलाह देते हैं अपनी फ़ाइलों को संगठित रखने के लिए छवियां
  • यदि आप किसी अन्य वेबसाइट से एक छवि का उपयोग करना चाहते हैं, तो निर्माता से प्राधिकरण के लिए पूछें। यदि आप इसका उपयोग कर सकते हैं, तो छवि डाउनलोड कर सकते हैं और फिर उसे एक छवि होस्टिंग साइट पर अपलोड कर सकते हैं।
  • एचटीएमएल चरण 2 के साथ छवियों को सम्मिलित करें
    2
    अपनी HTML फ़ाइल खोलें उस वेब पेज के लिए HTML दस्तावेज़ खोलें जहां चित्र प्रदर्शित किया जाएगा।
  • यदि आप फ़ोरम में एक छवि डालने का प्रयास करते हैं, तो आप सीधे प्रवेश में लिख सकते हैं। कई मंच HTML के बजाय एक कस्टम सिस्टम का उपयोग करते हैं। अन्य मंच के सदस्यों से मदद के लिए पूछें अगर यह काम नहीं करता है
  • एचटीएमएल चरण 3 के साथ छवियाँ सम्मिलित करें
    3
    छवि लेबल से शुरू करें अपने HTML के मुख्य भाग में एक बिंदु खोजें जहां आप एक छवि सम्मिलित करना चाहते हैं। लेबल लिखें यहाँ। यह एक खाली टैग है, यानी, यह एकल है, एक समापन टैग के बिना। आपको अपनी छवि दिखाने के लिए जो भी चीजें चाहिए, वह दो कोण कोष्ठक के अंदर जाएगी।
  • एचटीएमएल के साथ इमेज इमेज शीर्षक 4 चरण
    4
    अपनी छवि का URL ढूंढें वेब पृष्ठ पर जाएं जहां आपकी छवि का होस्ट है राइट क्लिक (नियंत्रण - मैक पर क्लिक करें) और चुनें छवि का स्थान कॉपी करें आप यहां क्लिक कर सकते हैं पृष्ठ पर एकल छवि देखने के लिए चित्र देखें और फिर यूआरएल को अपने एड्रेस बार में कॉपी करें।
  • यदि आपने अपनी वेबसाइट पर एक छवि निर्देशिका पर छवि अपलोड की है, तो इसे / images /मैं elnombredetuarchivo। यदि यह काम नहीं करता है, तो छवि निर्देशिका संभवतः दूसरे फ़ोल्डर के अंदर है। इसे रूट निर्देशिका में ले जाएं।
  • एचटीएमएल चरण 5 के साथ इमेज इमेज शीर्षक
    5
    एक src विशेषता में URL रखें जैसा कि आपको पता होना चाहिए, एचटीएमएल गुण बदलाव लाने के लिए एक टैग के अंदर जाते हैं। विशेषता src का संक्षिप्त रूप है "स्रोत" और ब्राउज़र को बताता है कि छवि को खोजने के लिए कहाँ देखना है। Src = लिखें" " और उद्धरणों के बीच चित्र का यूआरएल पेस्ट करें यहां एक उदाहरण है:
  • एचटीएमएल चरण 6 के साथ छवियाँ डालें छवि शीर्षक
    6



    एक alt विशेषता जोड़ें। तकनीकी रूप से, आपके HTML में छवि दिखाने की आवश्यकता है, लेकिन एक विशेषता को जोड़ना बेहतर है alt. यह ब्राउज़र को बताता है कि छवि को लोड करने में विफल होने पर दिखाए जाने वाला पाठ। साथ ही, इससे भी अधिक, यह खोज इंजन को पता चलता है कि आपकी छवि किस बारे में है और स्क्रीन रीडर्स आपकी विज़िटर को दृश्य समस्याओं के साथ आपकी छवि का वर्णन करने के लिए अनुमति देता है। उद्धरण के अंदर पाठ को बदलकर इस उदाहरण का पालन करें:
  • मेरा कुत्ता खाना मेनेारिन
  • यदि चित्र पृष्ठ की सामग्री के लिए महत्वपूर्ण नहीं है, तो इसमें बिना अल्टी विशेषता () शामिल है
  • एचटीएमएल चरण 7 के साथ छवियाँ डालें छवि शीर्षक
    7
    अपने परिवर्तन सहेजें अपनी वेबसाइट पर अपनी HTML फ़ाइल सहेजें उस पन्ने पर जाएं, जिसे आपने पृष्ठ पर पहले ही संपादित किया है या अपडेट किया है, अगर आप इसे पहले ही खोल चुके हैं। अब, अपनी छवि को देखें अगर इसमें सही आकार नहीं है या आपको इसे किसी अन्य कारण से पसंद नहीं है, तो अगले अनुभाग पर जाएं।
  • विधि 2
    वैकल्पिक सेटिंग्स

    एचटीएमएल के साथ चित्र डालें छवि शीर्षक चरण 8
    1
    छवि का आकार बदलें सर्वोत्तम परिणामों के लिए, मुफ्त संपादन सॉफ्टवेयर का उपयोग करके छवि का आकार बदलें और फिर नया संस्करण अपलोड करें। सेट करें चौड़ाई और उच्च एचटीएमएल के साथ ब्राउज़र को छवि को कम करने या विस्तार करने के लिए कहता है, जो ब्राउज़र और कारण (कम ही) प्रदर्शन त्रुटियों के बीच असंगत हो सकता है यदि आप एक त्वरित और उपयोगी सेटिंग की तलाश कर रहे हैं, तो इस प्रारूप का उपयोग करें:
    • यह दिखाओ (पिक्सल की संख्या या "सीएसएस पिक्सल" अधिक एचटीएमएलएक्स में फोन पर केंद्रित है)
    • या (वेब पृष्ठ के आयामों का प्रतिशत या HTML तत्व का प्रतिशत जिसमें छवि शामिल है)
    • यदि आप केवल एक विशेषता (चौड़ाई या ऊंचाई) दर्ज करते हैं, तो ब्राउज़र को चौड़ाई को संरक्षित कर देना चाहिए: ऊंचाई अनुपात
  • Video: Week 9

    एचटीएमएल चरण 9 के साथ इमेज इमेज शीर्षक छवि
    2
    एक विवरण जोड़ें विशेषता शीर्षक इसका उपयोग छवि के बारे में अतिरिक्त टिप्पणियां या जानकारी जोड़ने के लिए किया जा सकता है। उदाहरण के लिए, आप यहां कलाकार का उद्धरण कर सकते हैं ज्यादातर मामलों में, यह पाठ तब दिखाई देगा जब विज़िटर छवि पर सूचक को गुजरता है।
  • एचटीएमएल भाग 2 के साथ इन्सर्ट इमेज शीर्षक छवि 3 चरण 3
    3
    इसे एक लिंक बनाएं छवि को एक लिंक बनाने के लिए, हाइपरलिंक टैग के अंदर एक छवि टैग डालें। यहां एक उदाहरण है:
  • युक्तियाँ

    • सुनिश्चित करें कि URL में छवियों के फ़ाइल स्वरूप (.jpg, .jpg, आदि) शामिल हैं।
    • जीआईएफ चित्र लोगो या कार्टून के लिए सबसे अच्छा काम करते हैं, जबकि जेपीईजी छवियाँ जटिल छवियों के लिए सर्वश्रेष्ठ काम करती हैं, जैसे फोटो
    • ज्यादातर मामलों में, .jpg, .jpeg, .jpg या .jpg प्रारूपों के साथ ही छवियों का उपयोग करना सबसे अच्छा है। शायद अन्य प्रारूप सभी ब्राउज़र में ठीक से दिखाई नहीं देते हैं
    • अपने कंप्यूटर पर छवि का बैकअप रखें, जैसे कि सावधानी

    चेतावनी

    Video: Review: Quiz 1

    • किसी अन्य व्यक्ति के वेब पेज के यूआरएल को डालने से "हॉटलिंक" न करें, क्योंकि यह आपके पृष्ठ की नई विज़िट दिए बिना आपकी साइट के बैंडविड्थ का उपयोग करता है। गलत होने के अलावा, अगर "साइट से जुड़ा हुआ लिंक गायब हो जाता है तो" हॉट-लिंकेड "छवि गायब हो जाएगी। अगर उस पृष्ठ के व्यवस्थापक आप देख रहे हैं, तो आप अपनी वेबसाइट पर दिखाई देने वाली छवि भी बदल सकते हैं।
    ">
    सामाजिक नेटवर्क पर साझा करें:

    संबद्ध
    © 2021 ekterya.com