किसी इमेज को HTML कोड में कैसे बदलें

कीबोर्ड पर हाथ टाइप करना

कंप्यूटर कीबोर्ड पर एक आदमी का हाथ

छवि क्रेडिट: जतिंदर कुमार/आईस्टॉक/गेटी इमेजेज

HTML कोड के केवल कुछ स्निपेट के साथ, आप किसी भी वेब पेज, ईमेल या अन्य इंटरनेट-आधारित HTML या XML दस्तावेज़ में एक छवि एम्बेड कर सकते हैं। जबकि आप किसी छवि को HTML कोड में "रूपांतरित" नहीं कर सकते हैं, आप छवि को स्थानीय रूप से या किसी विशिष्ट वेब पते पर सहेज सकते हैं और फिर HTML दस्तावेज़ में इसके लिए एक स्थान निर्दिष्ट कर सकते हैं। आप यह भी निर्दिष्ट कर सकते हैं कि छवि कितने पिक्सेल बड़ी दिखाई देनी चाहिए, दोनों लंबवत और क्षैतिज रूप से। छवि को HTML कोड में बदलने का तरीका जानने के लिए आगे पढ़ें।

चरण 1

एक छवि चुनें। यह किसी भी आकार की कोई भी छवि हो सकती है।

दिन का वीडियो

चरण 2

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

चरण 3

एक HTML दस्तावेज़ खोलें। छवि टैग और छवि को संग्रहीत करने वाले स्थान के सटीक URL का उपयोग करें: . यह छवि को आपके HTML दस्तावेज़ में एम्बेड करेगा। जब उपयोगकर्ता उस दस्तावेज़ को वेब ब्राउज़र या अन्य प्रोग्राम के माध्यम से खोलता है, तो छवि दिखाई देगी।

चरण 4

छवि की चौड़ाई को पिक्सेल के रूप में समायोजित करें जैसा आप दिखाना चाहते हैं। फिर से, उस सटीक URL का उपयोग करें जहां छवि संग्रहीत है। उदाहरण के लिए, http://example.com/image.jpg" चौड़ाई = 400>। यह छवि की मौजूदा चौड़ाई को 400 पिक्सेल तक बढ़ा देगा या छोटा कर देगा।

चरण 5

छवि की ऊंचाई को समायोजित करें जैसा कि आप इसे प्रदर्शित करना चाहते हैं, पिक्सेल के संदर्भ में। उदाहरण के लिए, . यह छवि की मौजूदा ऊंचाई को बढ़ाकर 700 पिक्सेल कर देगा।

चरण 6

आवश्यकतानुसार चौड़ाई और ऊंचाई समायोजन को मिलाएं। उदाहरण के लिए, .

चरण 7

यदि वांछित हो तो छवि को एक लिंक में बदल दें। एंकर टैग का उपयोग छवि टैग के भीतर एम्बेड किया गया है। उदाहरण के लिए, .

श्रेणियाँ

हाल का

वर्ड स्टेशनरी टेम्प्लेट कैसे बनाएं

वर्ड स्टेशनरी टेम्प्लेट कैसे बनाएं

"कंट्रोल-ई" दबाकर अपने स्टेशनरी टेम्प्लेट पर च...

डेल पर स्पीकर कैसे स्थापित करें

डेल पर स्पीकर कैसे स्थापित करें

कंप्यूटर के पिछले हिस्से पर हरे रंग का 3.5-मिमी...

टीवी में हेडफोन जैक जोड़ना

टीवी में हेडफोन जैक जोड़ना

स्टीरियो मिनी एडाप्टर के लिए आरसीए परिचय चाहे...