अपने वेब पेज पर छवियां जोड़ना

छवियों को उचित रूप से प्रदर्शित करने के लिए

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

होस्टिंग सेवा में अपनी छवि अपलोड करना केवल पहला कदम है। फिर आपको इसे पहचानने के लिए HTML में एक टैग जोड़ने की आवश्यकता है।

HTML के समान निर्देशिका में छवियां अपलोड करना

आपकी तस्वीरें HTML के समान निर्देशिका में स्थित हो सकती हैं। अगर ऐसी बात है:

1. अपनी वेबसाइट की जड़ पर एक छवि अपलोड करें।
2. छवि को इंगित करने के लिए अपने एचटीएमएल में एक छवि टैग जोड़ें।
3. अपनी वेबसाइट की जड़ पर HTML फ़ाइल अपलोड करें।
4. अपने वेब ब्राउज़र में पेज खोलकर फ़ाइल का परीक्षण करें।

छवि टैग निम्न प्रारूप लेता है:

मान लीजिए कि आप चंद्रमा की तस्वीर "lunar.jpg" नाम से अपलोड कर रहे हैं, छवि टैग निम्न फ़ॉर्म लेता है:

ऊंचाई और चौड़ाई वैकल्पिक हैं लेकिन अनुशंसित हैं। ध्यान दें कि छवि टैग को बंद टैग की आवश्यकता नहीं है।

यदि आप किसी अन्य दस्तावेज़ में किसी छवि से लिंक कर रहे हैं, तो एंकर टैग का उपयोग करें और छवि टैग को घोंसला दें।

एक उपनिर्देशिका में छवियों को अपलोड करना

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

आपकी वेबसाइट की जड़ वह जगह है जहां यूआरएल, अंत में किसी भी निर्देशिका के बिना प्रदर्शित करता है। उदाहरण के लिए, "MyWebpage.com" नाम की वेबसाइट के लिए, रूट इस फ़ॉर्म का पालन करता है: http://MyWebpage.com/। अंत में स्लैश पर ध्यान दें। इस प्रकार एक निर्देशिका की जड़ आमतौर पर संकेत दिया जाता है। उपनिर्देशिकाओं में यह दिखाने के लिए स्लैश शामिल है कि वे निर्देशिका संरचना में कहां बैठते हैं। MyWebpage उदाहरण साइट में संरचना हो सकती है:

http://MyWebpage.com/ - मूल निर्देशिका http://MyWebpage.com/products/ - उत्पाद निर्देशिका http://MyWebpage.com/products/documentation/ - उत्पाद निर्देशिका http: // के अंतर्गत प्रलेखन निर्देशिका MyWebpage.com/images/ - छवि निर्देशिका

इस मामले में, जब आप छवियों निर्देशिका में अपनी छवि को इंगित करते हैं, तो आप लिखते हैं:

इसे आपकी छवि के लिए पूर्ण पथ कहा जाता है।

छवियों के साथ सामान्य समस्याएं जो प्रदर्शित नहीं करती हैं

अपने वेब पेज पर दिखाने के लिए छवियां प्राप्त करना पहले चुनौतीपूर्ण हो सकता है। दो सबसे आम कारण यह है कि छवि अपलोड नहीं की गई थी जहां HTML इंगित कर रहा है, या HTML गलत तरीके से लिखा गया है।

ऐसा करने वाली पहली बात यह है कि क्या आप अपनी छवि ऑनलाइन पा सकते हैं। अधिकांश होस्टिंग प्रदाताओं के पास कुछ प्रकार का प्रबंधन टूल होता है जिसका उपयोग आप यह देखने के लिए कर सकते हैं कि आपने अपनी छवियों को कहां अपलोड किया है। आपके विचार के बाद कि आपके पास अपनी छवि के लिए सही यूआरएल है, इसे अपने ब्राउज़र में टाइप करें। अगर छवि दिखाई देती है, तो आपके पास सही स्थान है।

फिर जांचें कि आपका HTML उस छवि को इंगित कर रहा है। ऐसा करने का सबसे आसान तरीका छवि यूआरएल पेस्ट करना है जिसे आपने अभी एसआरसी विशेषता में परीक्षण किया है। पेज और परीक्षण दोबारा अपलोड करें।

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