छवियां साइट को जीवंत करती हैं, आगंतुकों को रुचिकर बनाती हैं, संसाधन को उज्ज्वल और यादगार बनाती हैं। तस्वीरों और चित्रों के बिना, कोई भी साइट, यहां तक कि बहुत ही रोचक और मूल्यवान पाठ के साथ, उबाऊ और अधूरी प्रतीत होगी। साइट में छवियों को सम्मिलित करने की एक सरल प्रक्रिया आपके संसाधन को अधिक रंगीन बनाने और नए नियमित विज़िटर प्राप्त करने की अनुमति देगी।
यह आवश्यक है
- - अपनी साइट
- - साइट पर रखा जाने वाला एक चित्र
- - जानिए क्या है HTML कोड
अनुदेश
चरण 1
साइट पर चित्र बनाने के लिए, छवि को साइट फ़ाइल संग्रहण में अपलोड करें। फ़ाइलें "फ़ाइल प्रबंधक" या ftp के माध्यम से साइट पर अपलोड की जा सकती हैं। फ़ाइलें अपलोड करने के विशिष्ट निर्देशों के लिए, अपने होस्टिंग प्रदाता (जो भी आपकी साइट को होस्ट करता है) से संपर्क करें।
चरण दो
तस्वीर को डाउनलोड करने के बाद उसका लिंक पता करें। आपकी तस्वीर का लिंक इस तरह दिखेगा: http: वेबसाइट / img1.jpg। यदि आपको इंटरनेट पर कोई चित्र मिलता है और आप उसका लिंक जानते हैं, तो आप निश्चित रूप से ऐसे लिंक का उपयोग कर सकते हैं; लेकिन इस चित्र को सहेजना और "फ़ाइल प्रबंधक" के माध्यम से इसे अपनी साइट पर अपलोड करना बेहतर है, क्योंकि जब आप किसी अन्य साइट से कोई चित्र हटाते हैं, तो यह आपके संसाधन पर भी प्रदर्शित नहीं होगा।
चरण 3
जब आपको अपने इच्छित चित्र का लिंक मिल जाए, तो उसे निम्नलिखित HTML कोड में उद्धरणों के बीच चिपकाएँ: आपको निम्नलिखित निर्माण मिलना चाहिए:। "http: वेबसाइट / img1.jpg" के बजाय आपकी तस्वीर का लिंक होना चाहिए। यह प्रविष्टि आपकी साइट के HTML कोड में सही जगह पर होनी चाहिए।
चरण 4
यदि साइट पर छवि को आकार में समायोजित करने की आवश्यकता है, तो HTML कोड में, छवि की वांछित चौड़ाई और ऊंचाई निर्दिष्ट करें। दृश्य रिकॉर्ड पिक्सेल में छवि की चौड़ाई को इंगित करता है, और रिकॉर्ड पिक्सेल में छवि की ऊंचाई को इंगित करता है, जहां उद्धरणों में संख्या पिक्सेल की संख्या है। निर्दिष्ट आयामों वाली छवि का सामान्य कोड इस तरह दिखता है:। कोड में संख्याओं को छवि की वांछित चौड़ाई और ऊंचाई से बदलें।
चरण 5
छवि के नाम को इंगित करना अतिश्योक्तिपूर्ण नहीं है ताकि बिना छवियों के मोड में साइट को देखते समय, आगंतुक समझ सके कि साइट पर कौन सी छवियां मौजूद हैं। एक शीर्षक जोड़ने के लिए, छवि आउटपुट कोड में निम्नलिखित प्रविष्टि डालें: alt="Title"। "Title" शब्द के स्थान पर अपने चित्र का नाम लिखें। नतीजतन, साइट पर छवि में निम्न HTML कोड होगा:।
