एचटीएमएल गुण
HTML विशेषताएँ HTML तत्वों के बारे में अतिरिक्त जानकारी प्रदान करती हैं।
एचटीएमएल गुण
- सभी HTML तत्वों में विशेषताएँ हो सकती हैं
- गुण तत्वों के बारे में अतिरिक्त जानकारी प्रदान करते हैं
- विशेषताएँ हमेशा प्रारंभ टैग में निर्दिष्ट की जाती हैं
- गुण आमतौर पर नाम/मूल्य जोड़े में आते हैं जैसे: नाम = "मान"
href विशेषता
<a>टैग हाइपरलिंक को परिभाषित करता है । विशेषता उस पृष्ठ का URL निर्दिष्ट करती है जिस
hrefपर लिंक जाता है:
उदाहरण
<a href="https://www.w3schools.com">Visit W3Schools</a>
आप हमारे HTML लिंक्स अध्याय में लिंक्स के बारे में और जानेंगे ।
स्रोत विशेषता
<img>HTML पेज में इमेज को एम्बेड करने के लिए टैग का उपयोग किया जाता है । विशेषता प्रदर्शित होने वाली छवि का srcपथ निर्दिष्ट करती है:
उदाहरण
<img src="img_girl.jpg">
विशेषता में URL निर्दिष्ट करने के दो तरीके हैं src
:
1. निरपेक्ष URL - किसी अन्य वेबसाइट पर होस्ट की गई बाहरी छवि के लिंक। उदाहरण: src="https://www.w3schools.com/images/img_girl.jpg" ।
नोट: बाहरी छवियां कॉपीराइट के अंतर्गत हो सकती हैं। यदि आपको इसका उपयोग करने की अनुमति नहीं मिलती है, तो आप कॉपीराइट कानूनों का उल्लंघन कर सकते हैं। इसके अतिरिक्त, आप बाहरी छवियों को नियंत्रित नहीं कर सकते हैं; इसे अचानक हटाया या बदला जा सकता है।
2. सापेक्ष यूआरएल - वेबसाइट के भीतर होस्ट की गई छवि के लिंक। यहाँ, URL में डोमेन नाम शामिल नहीं है। यदि URL बिना स्लैश के शुरू होता है, तो यह वर्तमान पृष्ठ के सापेक्ष होगा। उदाहरण: src="img_girl.jpg"। यदि URL स्लैश से शुरू होता है, तो यह डोमेन के सापेक्ष होगा। उदाहरण: src="/images/img_girl.jpg"।
युक्ति: सापेक्ष URL का उपयोग करना लगभग हमेशा सर्वोत्तम होता है। यदि आप डोमेन बदलते हैं तो वे नहीं टूटेंगे।
चौड़ाई और ऊंचाई गुण
टैग में और विशेषताएँ <img>भी होनी चाहिए
, जो छवि की चौड़ाई और ऊँचाई को निर्दिष्ट करती है (पिक्सेल में):width
height
उदाहरण
<img src="img_girl.jpg" width="500" height="600">
ऑल्ट एट्रीब्यूट
टैग के लिए आवश्यक altविशेषता <img>
एक छवि के लिए एक वैकल्पिक पाठ निर्दिष्ट करती है, अगर किसी कारण से छवि प्रदर्शित नहीं की जा सकती है। यह धीमे कनेक्शन, या srcविशेषता में त्रुटि के कारण हो सकता है, या यदि उपयोगकर्ता स्क्रीन रीडर का उपयोग करता है।
उदाहरण
<img src="img_girl.jpg" alt="Girl
with a jacket">
उदाहरण
देखें कि क्या होता है यदि हम एक ऐसी छवि प्रदर्शित करने का प्रयास करते हैं जो मौजूद नहीं है:
<img src="img_typo.jpg" alt="Girl
with a jacket">
आप हमारे HTML छवियाँ अध्याय में छवियों के बारे में और जानेंगे ।
शैली विशेषता
विशेषता का styleउपयोग किसी तत्व में शैलियों को जोड़ने के लिए किया जाता है, जैसे कि रंग, फ़ॉन्ट, आकार, और बहुत कुछ।
उदाहरण
<p style="color:red;">This is a red paragraph.</p>
आप हमारे HTML शैलियाँ अध्याय में शैलियों के बारे में अधिक जानेंगे ।
लैंग विशेषता
वेब पेज की भाषा घोषित करने के लिए आपको हमेशा टैग langके अंदर विशेषता शामिल करनी चाहिए। <html>यह खोज इंजन और ब्राउज़र की सहायता करने के लिए है।
निम्नलिखित उदाहरण अंग्रेजी को भाषा के रूप में निर्दिष्ट करता है:
<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>
lang
विशेषता में भाषा कोड में देश कोड भी जोड़े जा सकते हैं । तो, पहले दो अक्षर HTML पृष्ठ की भाषा को परिभाषित करते हैं, और अंतिम दो वर्ण देश को परिभाषित करते हैं।
निम्नलिखित उदाहरण अंग्रेजी को भाषा के रूप में और संयुक्त राज्य को देश के रूप में निर्दिष्ट करता है:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
आप हमारे HTML भाषा कोड संदर्भ में सभी भाषा कोड देख सकते हैं ।
शीर्षक विशेषता
titleविशेषता किसी तत्व के बारे में कुछ अतिरिक्त जानकारी को परिभाषित करती है ।
जब आप तत्व पर माउस ले जाते हैं तो शीर्षक विशेषता का मान टूलटिप के रूप में प्रदर्शित होगा:
उदाहरण
<p title="I'm a tooltip">This is a paragraph.</p>
हम सुझाव देते हैं: हमेशा लोअरकेस विशेषताओं का प्रयोग करें
HTML मानक को लोअरकेस विशेषता नामों की आवश्यकता नहीं है।
शीर्षक विशेषता (और अन्य सभी विशेषताओं) को अपरकेस या लोअरकेस जैसे शीर्षक या TITLE के साथ लिखा जा सकता है ।
हालाँकि, W3C HTML में लोअरकेस विशेषताओं की सिफारिश करता है, और XHTML जैसे सख्त दस्तावेज़ प्रकारों के लिए लोअरकेस विशेषताओं की माँग करता है।
W3Schools में हम हमेशा लोअरकेस विशेषता नामों का उपयोग करते हैं।
हम सुझाव देते हैं: हमेशा विशेषता मान उद्धृत करें
HTML मानक को विशेषता मानों के आसपास उद्धरणों की आवश्यकता नहीं होती है।
हालांकि, W3C HTML में उद्धरणों की अनुशंसा करता है, और XHTML जैसे कड़े दस्तावेज़ प्रकारों के लिए उद्धरणों की मांग करता है।
अच्छा:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>खराब:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>कभी-कभी आपको उद्धरणों का उपयोग करना पड़ता है। यह उदाहरण शीर्षक विशेषता को सही ढंग से प्रदर्शित नहीं करेगा, क्योंकि इसमें एक स्थान है:
उदाहरण
<p
title=About W3Schools>
W3Schools में हम हमेशा विशेषता मानों के आसपास उद्धरण चिह्नों का उपयोग करते हैं।
सिंगल या डबल कोट्स?
विशेषता मानों के आसपास दोहरे उद्धरण HTML में सबसे आम हैं, लेकिन एकल उद्धरणों का भी उपयोग किया जा सकता है।
कुछ स्थितियों में, जब विशेषता मान में ही दोहरे उद्धरण होते हैं, तो एकल उद्धरणों का उपयोग करना आवश्यक होता है:
<p title='John "ShotGun" Nelson'>
या विपरीत:
<p title="John 'ShotGun' Nelson">
अध्याय का सारांश
- सभी HTML तत्वों में विशेषताएँ हो सकती हैं
- की
hrefविशेषता<a>उस पृष्ठ के URL को निर्दिष्ट करती है जिस पर लिंक जाता है - की
srcविशेषता<img>प्रदर्शित होने वाली छवि का पथ निर्दिष्ट करती है - छवियों के लिए आकार की जानकारी प्रदान करने के गुण
widthऔरheightगुण<img> - की
altविशेषता<img>एक छवि के लिए एक वैकल्पिक पाठ प्रदान करती है - विशेषता का
styleउपयोग किसी तत्व में शैलियों को जोड़ने के लिए किया जाता है, जैसे कि रंग, फ़ॉन्ट, आकार, और बहुत कुछ - टैग की
langविशेषता<html>वेब पेज की भाषा घोषित करती है - विशेषता किसी तत्व के बारे में कुछ अतिरिक्त जानकारी को
titleपरिभाषित करती है
एचटीएमएल व्यायाम
HTML विशेषता संदर्भ
प्रत्येक HTML तत्व के लिए सभी विशेषताओं की एक पूरी सूची, हमारे HTML विशेषता संदर्भ में सूचीबद्ध है ।