छवि टैग और src विशेषता(The Image Tag and the Src Attribute)-sari jankari hindi

1
17

छवि टैग और src विशेषता(The Image Tag and the Src Attribute)-sari jankari hindi

<Img> टैग खाली है, जिसका अर्थ है कि इसमें केवल विशेषताएँ हैं और इसका कोई समापन टैग नहीं है। किसी पृष्ठ पर एक छवि प्रदर्शित करने के लिए, आपको src विशेषता का उपयोग करने की आवश्यकता है। एसआरसी का अर्थ “स्रोत” है। Src विशेषता का मान उस छवि का URL है जिसे आप अपने पृष्ठ पर प्रदर्शित करना चाहते हैं।




न केवल स्रोत विशेषता निर्दिष्ट करती है कि किस छवि का उपयोग करना है, लेकिन छवि कहाँ स्थित है। उपरोक्त छवि, ग्राफिक्स / chef.gif, का अर्थ है कि ब्राउज़र HTML फ़ोल्डर में ही एक ग्राफिक्स फ़ोल्डर में छवि नाम chef.gif के लिए दिखेगा।

ब्राउज़र उस छवि को रखता है जहां दस्तावेज़ में छवि टैग होता है। यदि आप दो पैराग्राफ के बीच एक छवि टैग लगाते हैं, तो ब्राउज़र पहले पैराग्राफ, फिर छवि और फिर दूसरा पैराग्राफ दिखाता है।

ऑल्ट विशेषता(The Alt Attribute)sari jankari hindi
एक छवि के लिए वैकल्पिक पाठ को परिभाषित करने के लिए ऑल्ट एट्रिब्यूट का उपयोग किया जाता है। Alt विशेषता का मान लेखक द्वारा परिभाषित पाठ है:

<img src = “graphics / chef.gif” alt = “स्माइलिंग हैप्पी शेफ”>
ऑल्ट एट्रीव्यू पाठक को बताता है कि ब्राउजर छवियों को लोड नहीं कर सकता है तो वह एक पेज पर गायब है। तब ब्राउज़र छवि के बजाय वैकल्पिक पाठ प्रदर्शित करेगा। किसी पृष्ठ पर प्रत्येक छवि के लिए पूरी विशेषता को शामिल करने, उन लोगों के लिए अपने दस्तावेज़ के प्रदर्शन और उपयोगिता को बेहतर बनाने के लिए एक अच्छा अभ्यास है जो पाठ-केवल ब्राउज़र हैं या स्क्रीन रीडर का उपयोग करते हैं।

छवि आयाम(Image Dimensions)-sari jankari hindi
जब आपके पास एक छवि होती है, तो ब्राउज़र आमतौर पर यह पता लगाता है कि छवि कितनी बड़ी है। यदि आप पिक्सेल में छवि आयामों में रखते हैं, तो ब्राउज़र बस छवि के लिए एक स्थान रखता है, फिर




शेष पेज लोड करता है। एक बार पूरा पृष्ठ लोड होने के बाद यह वापस जा सकता है और छवियों में भर सकता है। आयामों के बिना, जब यह एक छवि में चलता है, तो ब्राउज़र को पृष्ठ लोड करने को रोकना पड़ता है, छवि लोड करता है, फिर पृष्ठ लोड करना जारी रखता है। महाराज छवि तब होगी:
<img src = “ग्राफ़िक्स / chef.gif” चौड़ाई = “130” ऊँचाई = “101” alt = “मुस्कुराते हुए खुश बावर्ची”>

अपने टेक्स्ट एडिटर में फ़ाइल mypage2.html खोलें और बोल्ड में हाइलाइट किए गए कोड जोड़ें:

<Html>
<Head>
<शीर्षक> मेरा पहला वेबपृष्ठ </ शीर्षक>
</ Head>
<Body>
<h1 align = “center”> मेरा पहला वेब पेज </ h1>
<p> मेरे पहले वेबपृष्ठ में आपका स्वागत है। मैं इस पृष्ठ को एक टेक्स्ट एडिटर और सादे पुराने html </ p> का उपयोग करके लिख रहा हूं
<p> html सीखने से, मैं एक समर्थक की तरह वेब पेज बना पाऊंगा …. <br>
मैं निश्चित रूप से हूं। </ p>
<! – किसने अनुमान लगाया होगा कि यह कितना आसान होगा 🙂 ->
<p> <img src = “graphics / chef.gif” width = “130” height = “101” alt = “स्माइलिंग शेफ” संरेखित करें = “केंद्र”> </ p>
<p संरेखित करें = “केंद्र”> यह मेरा बावर्ची </ p> है
</ Body>
</ Html>

अपने पृष्ठ को mypage5.html के रूप में सहेजें और अपने ब्राउज़र में देखें। यह देखने के लिए कि आपके पृष्ठ को इस वेब पृष्ठ पर कैसे जाना चाहिए: https://sarijankarihindi.in/html/mageage.html.htm

 

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here

CommentLuv badge