एचटीएमएल के साथ चित्रों को कैसे सम्मिलित करें
सोशल नेटवर्क पर अपनी वेबसाइट या प्रोफाइल में चित्र जोड़ना आपके पेज को बेहतर बनाने का एक शानदार तरीका है। छवियों को जोड़ने के लिए एचटीएमएल कोड सरल है और आमतौर पर उन लोगों द्वारा सीखने वाले पहले पाठ में से एक है, जो इसका इस्तेमाल करना शुरू कर रहे हैं।
सामग्री
चरणों
विधि 1
छवि डालने
1
अपनी छवि अपलोड करें कई निशुल्क छवि होस्टिंग सेवाएं हैं, जैसे Picasa वेब एल्बम, इमगुर, फ़्लिकर या फ़ोटबॉकेट शब्दों को सावधानीपूर्वक पढ़ें कुछ सेवाओं ने आपकी छवि की गुणवत्ता कम कर दी है या इसे मिटा दिया है यदि कई लोग इसे देखें (क्योंकि यह सर्वर के बैंडविड्थ का उपयोग करता है)।
- कुछ ब्लॉग होस्टिंग सेवाएं आपको ब्लॉग के व्यवस्थापक टूल का उपयोग करके अपनी छवियों को अपलोड करने की अनुमति देती हैं।
- यदि आप किसी सर्वर के लिए भुगतान करते हैं, तो एफ़टीपी सेवा का उपयोग कर अपनी साइट पर छवि अपलोड करें। हम आपको एक डायरेक्टरी बनाने की सलाह देते हैं अपनी फ़ाइलों को संगठित रखने के लिए छवियां
- यदि आप किसी अन्य वेबसाइट से एक छवि का उपयोग करना चाहते हैं, तो निर्माता से प्राधिकरण के लिए पूछें। यदि आप इसका उपयोग कर सकते हैं, तो छवि डाउनलोड कर सकते हैं और फिर उसे एक छवि होस्टिंग साइट पर अपलोड कर सकते हैं।
2
अपनी HTML फ़ाइल खोलें उस वेब पेज के लिए HTML दस्तावेज़ खोलें जहां चित्र प्रदर्शित किया जाएगा।
3
छवि लेबल से शुरू करें अपने HTML के मुख्य भाग में एक बिंदु खोजें जहां आप एक छवि सम्मिलित करना चाहते हैं। लेबल लिखें यहाँ। यह एक खाली टैग है, यानी, यह एकल है, एक समापन टैग के बिना। आपको अपनी छवि दिखाने के लिए जो भी चीजें चाहिए, वह दो कोण कोष्ठक के अंदर जाएगी।
4
अपनी छवि का URL ढूंढें वेब पृष्ठ पर जाएं जहां आपकी छवि का होस्ट है राइट क्लिक (नियंत्रण - मैक पर क्लिक करें) और चुनें छवि का स्थान कॉपी करें आप यहां क्लिक कर सकते हैं पृष्ठ पर एकल छवि देखने के लिए चित्र देखें और फिर यूआरएल को अपने एड्रेस बार में कॉपी करें।
5
एक src विशेषता में URL रखें जैसा कि आपको पता होना चाहिए, एचटीएमएल गुण बदलाव लाने के लिए एक टैग के अंदर जाते हैं। विशेषता src का संक्षिप्त रूप है "स्रोत" और ब्राउज़र को बताता है कि छवि को खोजने के लिए कहाँ देखना है। Src = लिखें" " और उद्धरणों के बीच चित्र का यूआरएल पेस्ट करें यहां एक उदाहरण है:
6
एक alt विशेषता जोड़ें। तकनीकी रूप से, आपके HTML में छवि दिखाने की आवश्यकता है, लेकिन एक विशेषता को जोड़ना बेहतर है alt. यह ब्राउज़र को बताता है कि छवि को लोड करने में विफल होने पर दिखाए जाने वाला पाठ। साथ ही, इससे भी अधिक, यह खोज इंजन को पता चलता है कि आपकी छवि किस बारे में है और स्क्रीन रीडर्स आपकी विज़िटर को दृश्य समस्याओं के साथ आपकी छवि का वर्णन करने के लिए अनुमति देता है। उद्धरण के अंदर पाठ को बदलकर इस उदाहरण का पालन करें:
7
अपने परिवर्तन सहेजें अपनी वेबसाइट पर अपनी HTML फ़ाइल सहेजें उस पन्ने पर जाएं, जिसे आपने पृष्ठ पर पहले ही संपादित किया है या अपडेट किया है, अगर आप इसे पहले ही खोल चुके हैं। अब, अपनी छवि को देखें अगर इसमें सही आकार नहीं है या आपको इसे किसी अन्य कारण से पसंद नहीं है, तो अगले अनुभाग पर जाएं।
विधि 2
वैकल्पिक सेटिंग्स
1
छवि का आकार बदलें सर्वोत्तम परिणामों के लिए, मुफ्त संपादन सॉफ्टवेयर का उपयोग करके छवि का आकार बदलें और फिर नया संस्करण अपलोड करें। सेट करें चौड़ाई और उच्च एचटीएमएल के साथ ब्राउज़र को छवि को कम करने या विस्तार करने के लिए कहता है, जो ब्राउज़र और कारण (कम ही) प्रदर्शन त्रुटियों के बीच असंगत हो सकता है यदि आप एक त्वरित और उपयोगी सेटिंग की तलाश कर रहे हैं, तो इस प्रारूप का उपयोग करें:
- (पिक्सल की संख्या या "सीएसएस पिक्सल" अधिक एचटीएमएलएक्स में फोन पर केंद्रित है)
- या (वेब पृष्ठ के आयामों का प्रतिशत या HTML तत्व का प्रतिशत जिसमें छवि शामिल है)
- यदि आप केवल एक विशेषता (चौड़ाई या ऊंचाई) दर्ज करते हैं, तो ब्राउज़र को चौड़ाई को संरक्षित कर देना चाहिए: ऊंचाई अनुपात
Video: Week 9
2
एक विवरण जोड़ें विशेषता शीर्षक इसका उपयोग छवि के बारे में अतिरिक्त टिप्पणियां या जानकारी जोड़ने के लिए किया जा सकता है। उदाहरण के लिए, आप यहां कलाकार का उद्धरण कर सकते हैं ज्यादातर मामलों में, यह पाठ तब दिखाई देगा जब विज़िटर छवि पर सूचक को गुजरता है।
3
इसे एक लिंक बनाएं छवि को एक लिंक बनाने के लिए, हाइपरलिंक टैग के अंदर एक छवि टैग डालें। यहां एक उदाहरण है:
युक्तियाँ
- सुनिश्चित करें कि URL में छवियों के फ़ाइल स्वरूप (.jpg, .jpg, आदि) शामिल हैं।
- जीआईएफ चित्र लोगो या कार्टून के लिए सबसे अच्छा काम करते हैं, जबकि जेपीईजी छवियाँ जटिल छवियों के लिए सर्वश्रेष्ठ काम करती हैं, जैसे फोटो
- ज्यादातर मामलों में, .jpg, .jpeg, .jpg या .jpg प्रारूपों के साथ ही छवियों का उपयोग करना सबसे अच्छा है। शायद अन्य प्रारूप सभी ब्राउज़र में ठीक से दिखाई नहीं देते हैं
- अपने कंप्यूटर पर छवि का बैकअप रखें, जैसे कि सावधानी
चेतावनी
Video: Review: Quiz 1
- किसी अन्य व्यक्ति के वेब पेज के यूआरएल को डालने से "हॉटलिंक" न करें, क्योंकि यह आपके पृष्ठ की नई विज़िट दिए बिना आपकी साइट के बैंडविड्थ का उपयोग करता है। गलत होने के अलावा, अगर "साइट से जुड़ा हुआ लिंक गायब हो जाता है तो" हॉट-लिंकेड "छवि गायब हो जाएगी। अगर उस पृष्ठ के व्यवस्थापक आप देख रहे हैं, तो आप अपनी वेबसाइट पर दिखाई देने वाली छवि भी बदल सकते हैं।
सामाजिक नेटवर्क पर साझा करें:
संबद्ध
- एक फोटोग्राफी वेबसाइट कैसे बनाएं
- एचटीएमएल का उपयोग किए बिना एक वेबसाइट कैसे बनाएं
- निजी वेब पृष्ठ कैसे बनाएं
- मुफ्त में अपनी वेबसाइट बनाने के लिए
- Windows 2003 सर्वर पर एक वीडियो होस्टिंग साइट बनाने के लिए
- छवियों को कैसे सम्मिलित करें
- Wordpress कैसे स्थापित करें
- एक ब्लॉग और एक वेबसाइट के बीच अंतर को कैसे बताने के लिए
- वेबसाइट पर फ़ाइलों को व्यवस्थित कैसे करें
- ब्लॉगस्पॉट में तस्वीरें कैसे अपलोड करें
- वेब पेज कैसे अपलोड करें
- इंटरनेट पर छवियां कैसे अपलोड करें
- फ़ाइल कैसे अपलोड करें
- Imgur को छवियों को कैसे अपलोड करें
- फ़्लिकर खाता कैसे खोलें
- ब्लॉग को पृष्ठभूमि में कैसे जोड़ें
- एकल वेब होस्टिंग खाते में कई साइटें कैसे होस्ट करें
- FTP सर्वर पर फ़ाइलों को कैसे अपलोड करें
- SmartFTP के साथ किसी FTP सर्वर पर फ़ाइलों को कैसे अपलोड करें
- कैसे एक प्रॉक्सी बनाने के लिए
- Picasa के साथ Google छवि खोज इंजन में छवियां कैसे अपलोड करें