सभी HTML Elements में विशेषताएँ हो सकती हैं
गुण तत्वों के बारे में अतिरिक्त जानकारी प्रदान करते हैं
विशेषताएँ हमेशा शुरुआत टैग में निर्दिष्ट की जाती हैं
विशेषताएँ आमतौर पर नाम / मूल्य जोड़े में आती हैं जैसे: नाम = "मूल्य"
सभी HTML तत्वों में विशेषताएँ हो सकती हैं
- <a> के href विशेषता, उस पृष्ठ के URL को निर्दिष्ट करता है जिस लिंक पर जाता है
<a> टैग हाइपरलिंक को परिभाषित करता है। Href विशेषता उस पृष्ठ के URL को निर्दिष्ट करती है जिस लिंक पर जाता है:
उदाहरण के लिए
<a href="https://www.yahoo.com"> yahoo.com पर जाएं </a>
- <Img> का src विशेषता प्रदर्शित होने के लिए पथ को निर्दिष्ट करता है
HTML पृष्ठ में छवि को एम्बेड करने के लिए <img> टैग का उपयोग किया जाता है। Src विशेषता प्रदर्शित की जाने वाली छवि के लिए पथ निर्दिष्ट करती है:
उदाहरण के लिए
<img src = "img_mysweety.jpg">
- <Img> की चौड़ाई और ऊंचाई की विशेषताएँ छवियों के लिए आकार की जानकारी प्रदान करती हैं
URL को src विशेषता में निर्दिष्ट करने के दो तरीके हैं:
1. निरपेक्ष यूआरएल - एक बाहरी image के लिंक जो किसी अन्य वेबसाइट पर होस्ट किए जाते हैं। उदाहरण: src = "https://www.yahoo.com/images/img_girl.jpg"।
नोट: बाहरी चित्र कॉपीराइट के अंतर्गत हो सकते हैं। यदि आपको इसका उपयोग करने की अनुमति नहीं मिलती है, तो आप कॉपीराइट कानूनों का उल्लंघन कर सकते हैं। इसके अलावा, आप बाहरी images को नियंत्रित नहीं कर सकते हैं; इसे अचानक हटाया या बदला जा सकता है।
2. Relative URL - वेबसाइट के भीतर होस्ट की गई छवि के लिंक। यहां, URL में डोमेन नाम शामिल नहीं है। यदि URL बिना स्लैश के शुरू होता है, तो यह वर्तमान पृष्ठ के सापेक्ष होगा। उदाहरण: src = "img_mysweety .jpg"। यदि URL स्लैश से शुरू होता है, तो यह डोमेन के सापेक्ष होगा। उदाहरण: src = "/ images / img_mysweety.jpg"।
Tips: Relative URL का उपयोग करना लगभग हमेशा सबसे अच्छा होता है। यदि आप डोमेन बदलते हैं तो वे नहीं टूटेंगे।
<Img> टैग में चौड़ाई और ऊंचाई विशेषता भी होनी चाहिए, जो छवि की चौड़ाई और ऊंचाई (पिक्सेल में) निर्दिष्ट करती है: <img src = "img_mysweety.jpg" चौड़ाई = "500" ऊंचाई = "600">
- <Img> की पूरी विशेषता एक छवि के लिए एक वैकल्पिक पाठ प्रदान करती है
<Img> टैग के लिए आवश्यक उच्चतम विशेषता एक Image के लिए एक वैकल्पिक पाठ निर्दिष्ट करती है यदि Image किसी कारण से प्रदर्शित नहीं की जा सकती है। यह धीमे कनेक्शन, या src विशेषता में त्रुटि या उपयोगकर्ता स्क्रीन रीडर का उपयोग करने के कारण हो सकता है।
उदाहरण के लिए
<img src = "img_mysweety.jpg" alt = "My Sweet Heart">
- शैली विशेषता का उपयोग शैलियों को किसी तत्व में जोड़ने के लिए किया जाता है, जैसे कि रंग, फ़ॉन्ट, आकार, और बहुत कुछ
शैली विशेषता का उपयोग शैलियों को किसी तत्व में जोड़ने के लिए किया जाता है, जैसे कि रंग, फ़ॉन्ट, आकार, और बहुत कुछ।
उदाहरण के लिए
<p style = "color: red;"> यह एक बहुत अच्छा पैराग्राफ है। </ p>
- <Html> टैग की लैंग विशेषता वेब पेज की भाषा घोषित करती है
शीर्षक विशेषता एक तत्व के बारे में कुछ अतिरिक्त जानकारी को परिभाषित करता है
वेब पेज की भाषा घोषित करने के लिए आपको हमेशा <html> टैग के अंदर लैंग विशेषता को शामिल करना चाहिए। यह खोज इंजन और ब्राउज़रों की सहायता करने के लिए है।
लैंग एट्रीब्यूट में भाषा कोड के साथ कंट्री कोड भी जोड़े जा सकते हैं। तो, पहले दो वर्ण HTML पृष्ठ की भाषा को परिभाषित करते हैं, और अंतिम दो वर्ण देश को परिभाषित करते हैं।
निम्न उदाहरण अंग्रेजी को देश के रूप में भाषा और USA के रूप में निर्दिष्ट करता है:
निम्नलिखित उदाहरण अंग्रेजी को भाषा के रूप में निर्दिष्ट करता है:
<! DOCTYPE html>
<html lang = "en-US">
<Body>
...
</ Body>
</ Html>
- Title विशेषता एक तत्व के बारे में कुछ अतिरिक्त जानकारी को परिभाषित करता है।
शीर्षक विशेषता के मूल्य को टूलटिप के रूप में प्रदर्शित किया जाएगा जब आप तत्व पर माउस करते हैं:
उदाहरण के लिए
<! DOCTYPE html>
<Html>
<Body>
<h2 शीर्षक = "मैं एक शीर्षक हूँ"> शीर्षक विशेषता </ h2>
<p शीर्षक = "मैं एक टूलटिप हूं"> इस पैराग्राफ पर माउस, टूलटिप के रूप में शीर्षक विशेषता प्रदर्शित करने के लिए। </ p>
</ Body>
</ Html>
Comments
Post a Comment