Html में फोटो कैसे बनाते है

विषयसूची:

Html में फोटो कैसे बनाते है
Html में फोटो कैसे बनाते है

वीडियो: Html में फोटो कैसे बनाते है

वीडियो: Html में फोटो कैसे बनाते है
वीडियो: वेबपेज में इमेज कैसे डालें (एचटीएमएल/एक्सएचटीएमएल) 2024, मई
Anonim

HTML एक मार्कअप भाषा है जिसका उपयोग इंटरनेट पेज बनाने के लिए किया जाता है। इसका उपयोग छवियों सहित विभिन्न तत्वों के प्रदर्शन को अनुकूलित करने के लिए किया जा सकता है। HTML में इमेज डिस्प्ले सेट करना एक विशेष टैग के माध्यम से किया जाता है।

html में फोटो कैसे बनाते है
html में फोटो कैसे बनाते है

अनुदेश

चरण 1

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

चरण दो

HTML में इमेज बनाने के लिए एक टैग का उपयोग किया जाता है, जिसे डिस्प्ले के लिए एक सेक्शन में रखा जाना चाहिए। उदाहरण के लिए:

HTML में चित्र

चरण 3

टैग नॉन-क्लोजिंग है और इसके लिए क्लोजिंग टैग की आवश्यकता नहीं है। इसका मुख्य पैरामीटर, जिसका उपयोग किया जाना चाहिए, src है, जो वांछित छवि फ़ाइल के लिए पथ सेट करता है। आप इस पंक्ति में उस छवि फ़ाइल के लिए पूर्ण (https:// के साथ) और सापेक्ष पथ (उदाहरण के लिए, /Pictures/img.jpg) निर्दिष्ट कर सकते हैं जिसे आप रखना चाहते हैं।

चरण 4

एक अन्य महत्वपूर्ण पैरामीटर ऑल्ट है, जो पृष्ठ पर छवि के नाम और उसकी पहचान को परिभाषित करता है। यह नाम तब दिखाई देगा जब उपयोगकर्ता चित्र पर माउस घुमाएगा।

चरण 5

आप छवि पैरामीटर सेट करने के लिए चौड़ाई और ऊंचाई विशेषताओं का भी उपयोग कर सकते हैं। पहली सेटिंग लंबाई के लिए जिम्मेदार है, और दूसरी पृष्ठ पर छवि की ऊंचाई के लिए है। यह पैरामीटर पिक्सेल में निर्दिष्ट है। इस प्रकार, & img> टैग सेट किया जा सकता है:

चरण 6

इस टैग का उपयोग करके, एक छवि बनाई जाती है, जिसका पथ src विशेषता में दर्ज किया जाता है। जब आप चित्र पर होवर करते हैं, तो आपको "चित्र का नाम" संदेश दिखाई देगा। ऐसे में इमेज 300 पिक्सल चौड़ी और 250 पिक्सल ऊंची होगी। आप उपरोक्त सभी मापदंडों को अपनी पसंद के अनुसार सेट कर सकते हैं।

चरण 7

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

सिफारिश की: