Image टैग और SRC विशेषता
HTML में इमेज को <img> टैग से परिभाषित किया जाता है।
<img> टैग खाली है, जिसका अर्थ है कि इसमें केवल विशेषताएँ हैं और इसका कोई समापन टैग नहीं है। किसी पृष्ठ पर एक Image को दूर करने के लिए, आपको src विशेषता का उपयोग करने की आवश्यकता है। Src Mean "स्रोत" है। src विशेषता का मान उस Image का URL है जिसे आप अपने पृष्ठ पर प्रदर्शित करना चाहते हैं।
HTML Image And Color In Hindi
एक Image को Define करने का syntax:
<img src="url">
URL उस स्थान की ओर इशारा करता है जहां Image संग्रहीत है। "www.mydare.xyz" पर "images" निर्देशिका में स्थित "your.gif" नाम की एक Image का URL है: https://www.mydare.xyz/images/your.gif।
ब्राउजर उन Images को रखता है जहां Images का टैग डौमेंट में होता है। यदि आप दो paragraphs के बीच एक Image टैग लगाते हैं, तो ब्राउज़र पहले अनुच्छेद, फिर Image और फिर दूसरा paragraph दिखाता है।
उदाहरण -
<HTML>
<HEAD><TITLE> यहां Images के बारे में टाइटल लिखे </TITLE> </HEAD>
<BODY Background="images/this.gif">
<B> Controlling Image Borders ! </B> <CENTER>
<I> Image Without a BORDER </I><BR><BR>
<IMG Src="images/that.gif"><BR><BR>
<I> Image With Border =3 </I> <BR> <BR>
<IMG Border=3 Src="images/that.gif"><BR>
</CENTER>
</BODY>
</HTML>
The Alt Attribute
Alt विशेषता का उपयोग किसी Image के लिए ALT "alternate keyword text" को परिभाषित करने के लिए किया जाता है। ऑल्ट एट्रिब्यूट का मान एक लेखक-परिभाषित टेक्स्ट है: <img src="your.gif" alt="Your Keyword For Image">"ALT" विशेषता पाठक को बताती है कि यदि ब्राउज़र Images को लोड नहीं कर सकता है तो वह किसी पृष्ठ पर क्या खो रहा है। ब्राउज़र तब Images के बजाय वैकल्पिक पाठ प्रदर्शित करेगा। पृष्ठ पर प्रत्येक Image के लिए "ALT" विशेषता को शामिल करना एक अच्छा अभ्यास है, ताकि उन लोगों के लिए आपके Documents के प्रदर्शन और उपयोगिता को बेहतर बनाया जा सके जिनके पास केवल टेक्स्ट ब्राउज़र हैं।
उदाहरण -
<HTML>
<HEAD><TITLE> यहां Images के बारे में टाइटल लिखे </TITLE> </HEAD>
<BODY Background="images/this.gif">
<B> Use of ALT Attribute </B> <CENTER>
<I> Available Image :why.gif </I><BR><BR>
<IMG Src="images/why.gif "><BR><BR>
<I> Unavailable Image : why.gif - Without the ALT Attribute</I> <BR> <BR>
<IMG Src="images/what.gif"><BR><BR>
<I> Unavailable Image : what.gif - With the ALT Attribute set to "Keyword Here of Image" </I> <BR><BR>
<IMG Alt="Image Keyword Here" Src="images/why.gif"> <BR>
</CENTER>
</BODY>
</HTML>
Basic Notes - Useful Tips in Hindi
यदि किसी HTML फ़ाइल में 5 Images हैं - पृष्ठ को Right ओर प्रदर्शित करने के लिए 6 फ़ाइलों की आवश्यकता होती है। Images को लोड करने में कुछ समय लगता है।
Example of Image Size
<HTML>
<HEAD><TITLE> यहां Images के बारे में टाइटल लिखे </TITLE> </HEAD>
<BODY Background="images/this.gif">
<B> Controlling Image Size ! </B> <CENTER>
<I> Image Size </I><BR><BR>
<IMG Src="images/that.gif"><BR><BR>
<I> Image With Size (Height and Width) St to 300 </I> <BR> <BR>
<IMG Height=300 Src="images/that.gif" Width=300><BR>
</CENTER>
</BODY>
</HTML>
Images Alignment
<HTML>
<HEAD><TITLE> यहां Images के बारे में टाइटल लिखे </TITLE> </HEAD>
<BODY Background="images/this.gif">
<B> <I> Image Align Right </I> </B>
<IMG Align=Left Src="images/that.gif"><BR><BR> Type your text here <BR>
<I> Type another text here </I> <BR> <BR>
<IMG Align=Left Src="images/that.gif"><BR><BR> Type your text here <BR>
<I> Type another text here </I>
</BODY>
</HTML>
HTML Backgrounds
एक अच्छी पृष्ठभूमि एक वेब साइट को वास्तव में शानदार बना सकती है।
Background
<body> टैग में दो विशेषताएँ होती हैं जहाँ आप पृष्ठभूमि निर्दिष्ट कर सकते हैं। पृष्ठभूमि एक रंग या एक Image हो सकती है।
Bgcolor
<HTML>
<HEAD><TITLE> HERE IS IMAGES </TITLE> </HEAD>
<body bgcolor="Type your color name exp - Red">
<B> <I> Image Align Right </I> </B>
<IMG Align=Left Src="images/that.gif"><BR><BR> Type your text here <BR>
<I> Type another text here </I> <BR> <BR>
<IMG Align=Left Src="images/that.gif"><BR><BR> Type your text here <BR>
<I> Type another text here </I>
</BODY>
</HTML>
नोट - आपको बैकग्राउंड का रंग दिखाई देगा - लाल।
HTML Bgcolor Example -
<body bgcolor="#000000">
<body bgcolor="rgb (0,0,0)">
<body bgcolor="red">
Background
पृष्ठभूमि विशेषता एक HTML पृष्ठ के लिए एक पृष्ठभूमि छवि निर्दिष्ट करती है। इस विशेषता का मान उस छवि का URL है जिसका आप उपयोग करना चाहते हैं। यदि छवि ब्राउज़र विंडो से छोटी है, तो छवि स्वयं को दोहराएगी यह संपूर्ण ब्राउज़र विंडो को भर देती है।
W3C मानक रंग नाम
W3C ने 16 रंग नामों को सूचीबद्ध किया है जो एक HTML सत्यापनकर्ता के साथ मान्य होंगे।
रंग के नाम हैं - पीला, एक्वा, सफेद, बैंगनी, काला, मैरून, नीला, चैती, जैतून, फुकिया, ग्रे, चांदी, लाल, हरा, बैंगनी और चूना।
लाल चालू करें
लाल पैरामीटर को उसके अधिकतम मान पर सेट करके, प्रयोग करने के लिए अभी भी हरे और नीले (256*256) के 65536 विभिन्न संयोजन हैं।
Final Word
0 टिप्पणियाँ