HTML Hyperlinks
(Links) HTML <a> टैग हाइपरलिंक को परिभाषित करता है।
हाइपरलिंक (या
लिंक) एक शब्द, शब्दों का समूह है जिस पर आप क्लिक करके किसी अन्य दस्तावेज़ पर जा सकते हैं। जब आप किसी वेब
पेज के लिंक पर कर्सर ले जाते हैं, तो तीर थोड़ा हाथ
में बदल जाएगा। <a> तत्व का सबसे महत्वपूर्ण गुण href विशेषता है, जो लिंक के गंतव्य को इंगित करता है।
डिफ़ॉल्ट रूप से, लिंक सभी ब्राउज़रों में निम्नानुसार दिखाई देंगे:
1 एक गैर-लिंक
लिंक रेखांकित और नीला है
2 एक दौरा किया
लिंक रेखांकित और बैंगनी है
3 एक सक्रिय लिंक
रेखांकित और लाल है
लिखने के सिंटेक्स—
|
HTML Link Syntax
<a
href="url">Link text</a>
Example
<a href="http://www.compusang.blogspot.com/">Visit compusang</a>
|
The HTML <link>
Element
<link> टैग एक दस्तावेज़ और एक बाहरी संसाधन के बीच
संबंध को परिभाषित करता है।
<link> टैग का उपयोग स्टाइल शीट से लिंक करने के लिए
सबसे अधिक किया जाता है
|
<head>
<link
rel="stylesheet" type="text/css"
href="mystyle.css">
</head>
|
The HTML <style>
Element
HTML दस्तावेज़ के लिए शैली जानकारी को परिभाषित
करने के लिए <style> टैग का उपयोग किया जाता है। <Style> तत्व के अंदर आप निर्दिष्ट करते हैं कि
ब्राउज़र में HTML तत्वों को कैसे प्रस्तुत करना चाहिए:
|
<head>
<style
type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
|
HTML Marquees
HTML मार्की टेक्स्ट का एक स्क्रॉलिंग टुकड़ा है जो
सेटिंग्स के आधार पर आपके वेब साइट पेज पर क्षैतिज या लंबवत रूप से प्रदर्शित होता
है। यह HTML टैग <marquees> का उपयोग करके
बनाया गया है।
नोट: HTML <marquee> एक MSIE एक्सटेंशन है, लेकिन अब NS 7 द्वारा भी समर्थित है। तो कृपया जाँच लें कि
आपका ब्राउज़र इस टैग का समर्थन करता है या नहीं।
Syntax:
|
<marquee
attribute_name="attribute_value"....more attributes>
One or more lines or text
message or image
</marquee>
|
Attrubutes:
HTML मार्की में निम्नलिखित विशेषताएं हो सकती हैं:
1 चौड़ाई(width): मार्की कितना चौड़ा है। इसका मान 10 या 20%
आदि होगा।
2 ऊंचाई(height): मार्की कितना लंबा है। इसका मान 10 या 20%
आदि होगा।
3 दिशा(direction): मार्की को किस दिशा में स्क्रॉल करना चाहिए।
इसका मूल्य ऊपर, नीचे, बाएँ या
दाएँ
होगा।
4 व्यवहार(behavior): किस प्रकार की स्क्रॉलिंग। इसमें मूल्य
स्क्रॉल, स्लाइड और वैकल्पिक होगा।
5 scrolldelay: प्रत्येक छलांग के बीच में कितनी देर होगी।
इसका मान 10 आदि होगा।
6 स्क्रॉलमाउंट(scrollamount): कितनी दूर कूदना है। इसका मान 10 आदि होगा।
7 (loop): कितनी बार loop करने के लिए। डिफ़ॉल्ट मान INFINITE है, जिसका अर्थ है कि मार्की
छोरों से रहित है।
8 bgcolor: पृष्ठभूमि का रंग। यह किसी भी रंग का नाम या
रंग हेक्स मान होगा।
9 hspace: मार्की के चारों ओर क्षैतिज स्थान। इसका मान 10
या 20% आदि होगा।
10 vspace: मार्की के चारों ओर वर्टिकल स्पेस। इसका मान 10
या 20% आदि होगा।
उदाहरण:
मार्की टैग के
उपयोग को प्रदर्शित करने के लिए यहां कुछ उदाहरण दिए गए हैं।
|
<marquee>This is basic example of
marquee</marquee>
|
|
<marquee width="50%">This
example will take only 50% width</marquee>
|
|
<marquee
direction="right">This text will scroll from left to
right</marquee>
|
|
<marquee
direction="up">This text will scroll from bottom to
up</marquee>
|
HTML Images
छवियां(Images) सुशोभित करने के लिए बहुत महत्वपूर्ण हैं और
साथ ही साथ आपके वेब पेज पर कई अवधारणाओं को दर्शाती हैं। यह सच है कि एक एकल छवि(Images) शब्दों के हजारों की तुलना में लायक है। इसलिए
एक वेब डेवलपर के रूप में आपको अपने वेब पृष्ठों में छवियों(Images) का
उपयोग करने के बारे में स्पष्ट समझ होनी चाहिए।
Insert Image - The
<img> Element:
|
<img src="image URL"
attr_name="attr_value"...more attributes />
|
Image Attributes:इमेज टैग मे
प्रयोग किये जानेवाला कुछ एट्रीब्युटस इस प्रकार है
1 width:यह इमेज का
चौडाइ सेट करता है इसे समान्यत: 10 या 20% मे लिख कर करते है ।
2 height: यह इमेज का उचाइ सेट करता है इसे समान्यgत: 10 या 20% मे लिख कर करते है ।
3 border:इमेज के चारो
ओर बोर्डर बनाने के लिए इसका उपयोग करते है इसे इसकी मान को 1 या
2 देकर सेट करते है।
4 src: इसमे इमेज के
एड्रेस को सेट करते है (specifies
URL of the image file.)
5 alt:यदि कोई इमेज वेेब
पेज से हट जाता है या अच्छे से लोड नही हो पाता है तो इसका प्रयोग
करते है।
6 align:यह इमेज की
एलान्मेंट को सेट करता है जो यह दिखाता है कि इमेज को आप कहा पर सेट
करना चाहते
है। जैसे left, right or center.
7 valign: यह बताता है
कि vertical alignment of the image को कहा पर रखना चाहते है। जैसे -
top, bottom
or center.
8 hspace: किसी भी इमेज
मे आप horizontal space कितना सेट
करना चाहते है तथा आप इसे इस
प्रकार 10 or 20% लिख कर कर सकते है।
9 vspace: किसी इमेज को
आप vertical space जितना देना चाहते है
इसके लिए इसका प्रयोग करेगे
इसे इस प्रकार 10 or 20% देकर कर सकते है।
10 name: इसमे किसी
डाक्युमेंट के अन्दर इमेज का नाम देने के लिए इसका प्रयोग करते है।
11 id: किसी भी डाक्युमेंट
के अन्दर इमेज की id देने के लिए
इसका प्रयोग करते है।
12 style: इसमे सीएसएस
का प्रयोग करने के लिए इसका प्रयोग करते है।
13 title: इसका प्रयोग करके आप फ्लैश करते समय इमेज पर क्या टेक्स्ट
का प्रयोग कराना चाहते
है उसके लिए इसका प्रयोग करते है।
14 ismap and usemap: <Img>
टैग के लिए ये विशेषताएं
ब्राउज़र को बताती हैं कि छवि एक या
अधिक हाइपरलिंक का एक विशेष माउस-चयन योग्य
दृश्य मानचित्र है, जिसे आमतौर पर छवि मानचित्र के रूप में जाना
जाता है।
|
<img src="http://www.compusang.blogspot.com/images/html.gif"
alt="HTML Tutorial"
width="100" height="100"
border="2" align="right" title="HTML
Tutorial" />
|
कौन सा छवि
प्रारूप आपके लिए उपयुक्त है?
(
Which image format is suitable for you ?)
1 ग्राफिक्स
इंटरचेंज फॉर्मेट(जीआईएफ) - जीआईएफ
प्रारूप में चित्र बैनर, क्लिप आर्ट,
और बटन के लिए सबसे अच्छा
उपयोग किया जाता है। इसका मुख्य कारण यह है कि जीआईएफ में एक पारदर्शी पृष्ठभूमि
हो सकती है जो वेब डिज़ाइन की बात आने पर अमूल्य है। नीचे की तरफ, जीआईएफ आमतौर पर बड़ी फाइलें होती हैं, जेपीईजी के रूप में संकुचित नहीं होती हैं,
जो धीमे लोड समय और बड़ी
हस्तांतरण दरों के लिए कॉल करती हैं। Gifs भी 256 रंग योजना तक सीमित हैं।
2 जोवाइंट
फोटोग्राफिक एक्सपर्ट्स ग्रुप(जेपीइजी)-- इसमें
इमेज - JPEG फॉर्मेट में
अनलिमिटेड कलर व्हील है, और आपके लोड समय
को कम करने और हार्ड ड्राइव स्पेस को बचाने के लिए एक उच्च संपीड़न दर है। जेपीईजी
पारदर्शी पृष्ठभूमि की अनुमति नहीं देते हैं, लेकिन उनका आकार / गुणवत्ता अनुपात बकाया है। फोटो गैलरी,
या कलाकृति के लिए JPEG
प्रारूप का उपयोग करने के
लिए इसका सबसे अच्छा उपयोग दर्शक को उस अतिरिक्त बिट को पकड़ने के लिए अनुमति देता
है। ग्राफिकल डिज़ाइन के लिए Jpegs से बचें।
3 पोर्टेबल
नेटवर्क ग्राफिक्स - पीएनजी प्रारूप में चित्र रास्टर छवियों के दोषरहित, पोर्टेबल, अच्छी तरह से संपीड़ित भंडारण के लिए एक एक्स्टेंसिबल फ़ाइल
प्रारूप है। PNG GIF के लिए एक
पेटेंट-मुक्त प्रतिस्थापन प्रदान करता है और TIFF के कई सामान्य उपयोगों को भी बदल सकता है। अनुक्रमित-रंग,
ग्रेस्केल और ट्रूकोलर
चित्र समर्थित हैं, साथ ही एक
वैकल्पिक अल्फा चैनल। चित्र मे 1 से 16 बिट्स तक होती है। पीएनजी भी लगभग हर मामले
में जीआईएफ से बेहतर है (विशिष्ट मामलों में 5% से 25%)।
good
ReplyDelete