तस्वीर सीधे टेक्स्ट में ही नहीं डाली जाती है। ब्राउज़र को उसका नाम बताया जाता है और निर्देश दिया जाता है कि उसे स्क्रीन पर कहाँ और कैसे रखा जाए। ऐसा करने के लिए, एक HTML img टैग का उपयोग करें। यह वेब पेज पर ग्राफिक ऑब्जेक्ट के स्थान को निर्दिष्ट करता है।
यदि टैग के लिए कई विशेषताएँ वैकल्पिक हैं, तो img टैग में कम से कम एक पैरामीटर होना चाहिए - छवि का पता। इस विशेषता को src कहा जाता है:
- - यह वर्तमान निर्देशिका में संग्रहीत बकरी.जेपीजी फ़ाइल प्रदर्शित करेगा;
- - आईएमजी टैग के इस पैरामीटर के साथ, ब्राउज़र megasellmag.ru साइट पर इंटरनेट पर पोस्ट की गई छवि को लोड करेगा।
संरेखण विशेषताएँ
एचटीएमएल का उपयोग करके किसी पृष्ठ पर छवियों को स्थान देने के लिए, आईएमजी टैग का उपयोग किया जाता है, जिसके गुण पृष्ठ पर छवि को रखने के लिए जिम्मेदार होते हैं और इसके टेक्स्ट रैपिंग की प्रकृति।
डिफ़ॉल्ट रूप से, ब्राउज़र छवि को स्क्रीन के केंद्र में रखता है, और पाठ इसके चारों ओर लपेटता नहीं है। आईएमजी टैग आपको संरेखण विशेषता (संरेखण) का उपयोग करके ब्राउज़र के साथ अपनी असहमति व्यक्त करने की अनुमति देगा।
- चित्र पृष्ठ के बाएं किनारे पर स्थित होगा, और पाठ उसके चारों ओर दाईं ओर जाएगा।
पाठ का व्यवहार समान होगा यदि छवि को दाईं ओर (संरेखण=दाएं), मध्य में (संरेखण=मध्य), शीर्ष (संरेखण=शीर्ष), नीचे रखा गया है(संरेखण=नीचे) और केंद्र (केंद्र)।
सेटिंग्स और आकार
छवियों में पाठ को रेंगने से रोकने के लिए, img टैग ने विशेष विशेषताएँ प्राप्त की हैं -hspace (क्षैतिज/क्षैतिज मार्जिन) और vspace (ऊर्ध्वाधर/ऊर्ध्वाधर मार्जिन), जो छवियों के किनारों से टेक्स्ट इंडेंटेशन की मात्रा निर्धारित करते हैं पिक्सेल।
तस्वीर न केवल आज्ञाकारी रूप से निर्दिष्ट राशि से पाठ से दूर जाएगी, बल्कि पृष्ठ के किनारे से भी दूर जाएगी, इसलिए बड़े इंडेंट से बचना सबसे अच्छा है।
छवियों के ज्यामितीय आयाम बहुत महत्वपूर्ण हैं, जो न केवल वांछनीय हैं, बल्कि कभी-कभी छवि के सही प्रदर्शन के लिए निर्दिष्ट करने के लिए आवश्यक हैं। इसके लिए एट्रिब्यूट्स चौड़ाई (चौड़ाई) और ऊंचाई (ऊंचाई) का उपयोग किया जाता है, जिसका मान पिक्सल या प्रतिशत में सेट किया जाता है।
यदि आप केवल चौड़ाई निर्दिष्ट करते हैं, तो ऊंचाई स्वचालित रूप से मूल अनुपात के साथ चुनी जाएगी। प्रतिशत आकार आपको ब्राउज़र विंडो के आकार की परवाह किए बिना छवि को पृष्ठ के दाहिने हिस्से में रखने की अनुमति देते हैं, और यह आवश्यकता अक्सर उत्पन्न होती है।
अन्य विकल्प
सीमा विशेषता छवि को निर्दिष्ट मोटाई के एक फ्रेम में संलग्न करती है, जो ब्राउज़र डिफ़ॉल्ट रूप से नहीं करता है।
सीमा में एक अर्थहीन शून्य-चौड़ाई (सीमा='0') भी हो सकती है, लेकिन यह तब तक है जब तक कि छवि एक लिंक नहीं बन जाती, जब ब्राउज़र निर्देशों की प्रतीक्षा किए बिना स्वचालित रूप से इसे नीले बॉर्डर से घेर लेता है।
कुछ अधीर उपयोगकर्ता, कम इंटरनेट गति से नाराज़, केवल चित्रों के प्रदर्शन को अक्षम कर देंगे। ऐसे मामलों के लिए, alt पैरामीटर प्रदान किया जाता है, जो आपको प्रवेश करने की अनुमति देता हैवैकल्पिक पाठ जो उपयोगकर्ता को उस बॉक्स में दिखाई देगा जहां छवि लोड होने की जल्दी में है।
यदि आपको ऑल्ट पैरामीटर की संभावनाएं पसंद नहीं हैं, तो img टैग एक longdesc विशेषता प्रदान कर सकता है, जिसका मान अधिक विस्तृत विवरण के साथ दस्तावेज़ का URL है।
यूज़मैप और इसमैप विशेषताएँ ब्राउज़र को बताती हैं कि छवि एक ऐसी तस्वीर होगी जिसमें हाइपरलिंक अलग-अलग क्षेत्र हैं (लिंक मैप), केवल यूज़मैप पैरामीटर सर्वर पर नेविगेशन मैप को निर्धारित करता है, और इसमैप - मैप पर ग्राहक पक्ष।
नीचे दिए गए चित्र में लिंक 1 का विवरण:
विदेशी सामान
lowsrc विशेषता ब्राउज़र को पहले मूल छवि की एक कॉपी (या अन्य विकल्प) को निम्न गुणवत्ता के साथ डाउनलोड करने का निर्देश देती है और इसलिए, एक "हल्का"। यह ट्रिक यूजर के लिए कम इंटरनेट स्पीड की स्थिति में दी गई है। मूल छवि, अपलोड होने पर, "नकली" की जगह ले लेती है।
आईएमजी टैग की कम सामान्यतः उपयोग की जाने वाली गैलरीिमग विशेषता छवि नियंत्रण कक्ष (जब होवर किया जाता है) को आमंत्रित करती है, जिससे आप डिफ़ॉल्ट माई पिक्चर्स फ़ोल्डर को खोल सकते हैं और छवि को प्रिंट, सहेज या ईमेल कर सकते हैं। आप गैलरीिमग पैरामीटर को नहीं/गलत पर सेट करके पैनल को अक्षम कर सकते हैं, और हां/सत्य सेट करके इसे सक्षम कर सकते हैं।
नए HTML5 विनिर्देश में, कई टैग्स में कुछ पैरामीटर बहिष्कृत हैं। उदाहरण के लिए, आईएमजी के लोसआरसी, बॉर्डर, लॉन्गडेस्क और नाम एट्रिब्यूट्स को समाप्त कर दिया गया है।
