Pages

HTML Attributes

❮ पहले का अगला ❯



HTML Attributes, HTML Element के बारे में अतिरिक्त जानकारी प्रदान करती हैं।


HTML Attributes:-

  • HTML Attributes, HTML Element के बारे में अतिरिक्त जानकारी प्रदान करती हैं।
  • Attributes Elements के बारे में अतिरिक्त जानकारी प्रदान करते हैं |
  • Attributes हमेशा शुरु के टैग में लिखे जाते है अथवा दिखाई देते है |
  • ध्यान रहे attribute का value हमेशा Double Quotes (" ") या Single Quotes ( ' ' )के बीच मे लिखा जाता है |
  • Attributes के आमतौर पर उसका Name व उसकी एक value होती है और उसी को शुरुआती टैग मे लिखा जाता हैं जैसे: - name="value"

The href Attribute:-

<a> टैग हाइपरलिंक को परिभाषित करता है। href Attribute पेज लिंक बनाने का कार्य करता हैhrefमे वैबसाइट के URL को डाला जाता है |

<a href="https://www.sapnaitgk.com">Visit to Sapna IT Gyan Kendra</a>

src Attribute:-

<img> टैग एक HTML page में एक image एम्बेड(लगाने) का कार्य करता है अथवा करने के लिए प्रयोग किया जाता है। src Attribute मे एक निर्दिष्ट imageके लिए url या पथ डाल कर उस image को web page पर दिखाया जाता है |

<img src="rok.jpg">
<imgsrc="www.sapnaitgk.com/rok.jpg">

1. Absolute URL:- एक image के लिंक जो किसी अन्य वेबसाइट पर होस्ट किया हुआ है। उदाहरण:- src = "https://www.sapnaitgk.com/images/rok.jpg"

नोट: अन्य वेबसाइट पर होस्ट चित्र कॉपीराइट के अंतर्गत हो सकते हैं। यदि आपको इसका उपयोग करने की अनुमति नहीं मिलती है, तो आप कॉपीराइट कानूनों का उल्लंघन कर सकते हैं। इसके अलावा, आप बाहरी छवियों को नियंत्रित नहीं कर सकते है| इसे अचानक हटाया या बदला जा सकता है। जिससे आपकी वैबसाइट मे से वो image दिखना बंद हो सकता है |

2. Relative URL:- वेबसाइट के भीतर होस्ट की गई इमेज का लिंक Relative URL कहलाता है । यहां, URL में डोमेन नाम शामिल नहीं है। यदि URL बिना स्लैश के शुरू होता है ।

उदाहरण:- src = "rok.jpg" यदि URL स्लैश से शुरू होता है, तो यह डोमेन के सापेक्ष होगा। उदाहरण:-src = "/ images / rok.jpg" । यहा images एक फोंल्डर जबकि rok.jpg एक image का नाम है |

Tip: RelativeURL का उपयोग करना सबसे अच्छा रहता है। यदि आप डोमेन बदलते हैं तब भी कोई दिक्कत नहीं आती है |


The width and height Attributes:-

<img> टैग width और height Attributes (in pixels) भी शामिल करना चाहिए, जो image की चौड़ाई और ऊंचाई specifiesकरता है:-

<img src="rok.jpg" width="500" height="600">

alt Attribute:-

<img> टैग मे alt Attribute एक वैकल्पिक textspecifiesकरता है क्योकि अगर किसी कारण से image प्रदर्शित नहीं हो पाती है | तो एसी परिस्थिति मे alt Attribute मे दिया गया text आपको webpage पर दिखाई पड़ता है |

इमेज निम्न कारण से दिखाई नहीं देती है:-

  • इंटरनेट धीमे कनेक्शन का होने के कारण|
  • src value में कोई त्रुटि होना |
  • उपयोगकर्ता द्वारा स्क्रीन रीडर का उपयोग करने के कारण हो सकता है
<img src="rok.jpg" alt="Sapna IT Gyan Kendra">

Style Attribute:-

  • <p> के style Attribute के value मे रंग, फ़ॉन्ट, आकार, और अन्य स्टाइल लगाने के रूप में, प्रयोग किया जाता है ।
<p style="color:red; font-size:20px">This is a red paragraph.</p>

lang Attribute:-

  • वेब पेज की भाषा को घोषित करने के lang Attribute का प्रयोग किया जाता है इसके लिए आपको <html> टैग के अंदर इस attribute का प्रयोग किया जाता है तथा इस lang attribute का हमेशा शामिल करना चाहिए | क्योकि यह search इंजन और ब्राउज़रों की सहायता करता है ।
  • निम्नलिखित उदाहरण को अंग्रेजी भाषा के रूप मेंspecifiesकिया गया है |

<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>

  • lang attribute मे value के साथ भाषा व देश को भी जोड़ा जाता है| नीचे दिये गए उदाहरण से समझे तो, पहले दो वर्ण HTML Page की भाषा को परिभाषित करते हैं, और अंतिम दो वर्ण देश को परिभाषित करता हैं।
  • निम्नलिखित उदाहरण देश के रूप में अंग्रेजी और संयुक्त राज्य अमेरिका के रूप में निर्दिष्ट करता है:

<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>

title Attribute:-

  • title attribute एक Element के बारे में कुछ अतिरिक्त जानकारी प्रदान करता है।
  • जब आप Element पर माउस के courser को ले कर जाते हो तो title attribute मे लिखा गया value दिखाई देता है |
<p title="this paragraph 1">This is a paragraph.</p>

Single or Double Quotes:-

  • यदि कोई भी attribute जिसमे single या double quotes का प्रयोग किया जाता है तो तो उसके अंदर again उसका प्रयोग नहीं किया जा सकता है |
  • लेकिन कुछ स्थिति मे हमे double प्रयोग करना है तो आप single व double quotes दोनों का प्रयोग करके करना होता है |
  • कुछ स्थितियों में, जब attribute मान में दोहरे उद्धरण शामिल होते हैं, तो एकल उद्धरणों का उपयोग करना आवश्यक होता है|

<p title='Rakesh is a "Rock Star" for India'>

और इसके विपरीत यह भी सही है |

<p title="Rakesh is a 'Rock Star' for India">

अध्याय का सारांश

  • सभी HTML elementsमें Attribute हो सकते हैं |
  • href Attribute <a> टैग एक Web Page मे किसी text या button को URL लिंक बनाता है |
  • web page पर image दिखाने के लिए <img> टैग के src attribute मे image का link (पथ) डालना होता है |
  • width और height attribute, <img> टैग से image को आकार प्रदान प्रधान करती है |
  • एक image के लिए एक वैकल्पिक text प्रदान करने का alt atribute का प्रयोग<img> टैग मे किया जाता है |
  • style Attribute के value मे रंग, फ़ॉन्ट, आकार, और अन्य स्टाइल लगाने के रूप में, प्रयोग किया जाता है ।
  • <html> टैग, langattribute से वेब पेज की भाषा घोषित करता है |
  • titleattribute एक Element के बारे में कुछ अतिरिक्त जानकारी प्रदान करता है।

❮ पहले का अगला ❯