 |
HTML Attributes in Hindi (HTML विशेषताएँ) |
HTML विशेषताएँ (Attributes)
- सभी HTML तत्वों में विशेषताएँ हो सकती हैं
- गुण तत्वों के बारे में अतिरिक्त जानकारी प्रदान करते हैं
- विशेषताएँ हमेशा प्रारंभ टैग में निर्दिष्ट की जाती हैं
- विशेषताएँ आमतौर पर name/value जोड़े में आती हैं जैसे: name = "value"
The href Attribute
Example:
<!DOCTYPE html>
<html>
<body>
<h2>The href Attribute</h2>
<p>HTML लिंक एक टैग के साथ परिभाषित किए गए हैं। लिंक पता href विशेषता में निर्दिष्ट है:</p>
<a href="https://www.lscsp.in">Visit LSCSP</a>
</body>
</html>
Output:
The href Attribute
HTML लिंक एक टैग के साथ परिभाषित किए गए हैं। लिंक पता href विशेषता में निर्दिष्ट है:
The src Attribute
HTML पृष्ठ (page) में छवि को एम्बेड करने के लिए <img> टैग का उपयोग किया जाता है। src विशेषता प्रदर्शित की जाने वाली छवि के लिए पथ निर्दिष्ट करती है:
Example:
<!DOCTYPE html>
<html>
<body>
<h2>The src Attribute</h2>
<p>HTML छवियों को img टैग के साथ परिभाषित किया गया है, और छवि स्रोत का फ़ाइल नाम src विशेषता में निर्दिष्ट किया गया है:</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht5j5_UWPAFRgeLgY7rT7gixpv-Ip36FlV49JsEgpy56WYW6d2eifl1g3m5-JZGSTBVVJHHcbqL2W5DuYe04lH9s5gtSujoSsyQPsGCjAbROjdj_N4rR4_WtM4WCpXbHIiEJOqIoD-aBxU/s1600/icon.png" width="100" height="110">
</body>
</html>
The src Attribute
HTML छवियों को img टैग के साथ परिभाषित किया गया है, और छवि स्रोत का फ़ाइल नाम src विशेषता में निर्दिष्ट किया गया है:
URL को src विशेषता में निर्दिष्ट करने के दो तरीके हैं:
1. निरपेक्ष यूआरएल (Absolute URL) - एक बाहरी छवि के लिंक जो किसी अन्य वेबसाइट पर होस्ट किए जाते हैं। उदाहरण: src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht5j5_UWPAFRgeLgY7rT7gixpv-Ip36FlV49JsEgpy56WYW6d2eifl1g3m5-JZGSTBVVJHHcbqL2W5DuYe04lH9s5gtSujoSsyQPsGCjAbROjdj_N4rR4_WtM4WCpXbHIiEJOqIoD-aBxU/s1600/icon.png"
नोट: बाहरी चित्र कॉपीराइट के अंतर्गत हो सकते हैं। यदि आपको इसका उपयोग करने की अनुमति नहीं मिलती है, तो आप कॉपीराइट कानूनों का उल्लंघन कर सकते हैं। इसके अलावा, आप बाहरी छवियों को नियंत्रित नहीं कर सकते; इसे अचानक हटाया या बदला जा सकता है।
2. सापेक्ष URL (Relative URL) - वेबसाइट के भीतर होस्ट की गई छवि के लिंक। यहां, URL में डोमेन नाम शामिल नहीं है। यदि URL स्लैश के बिना शुरू होता है, तो यह वर्तमान पृष्ठ के सापेक्ष होगा। उदाहरण: src = "icon.png"। यदि URL स्लैश से शुरू होता है, तो यह डोमेन के सापेक्ष होगा। उदाहरण: src = "/images / icon.png"।
युक्ति: रिश्तेदार URL का उपयोग करना लगभग हमेशा सबसे अच्छा होता है। यदि आप डोमेन बदलते हैं तो वे नहीं टूटेंगे।
The width and height Attributes
<img> टैग में चौड़ाई और ऊंचाई विशेषताएँ भी होनी चाहिए, जो छवि की चौड़ाई और ऊँचाई निर्दिष्ट करती हैं (पिक्सेल में):
<!DOCTYPE html>
<html>
<body>
<h2>The src Attribute</h2>
<p>HTML छवियों को img टैग के साथ परिभाषित किया गया है, और छवि स्रोत का फ़ाइल नाम src विशेषता में निर्दिष्ट किया गया है:</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht5j5_UWPAFRgeLgY7rT7gixpv-Ip36FlV49JsEgpy56WYW6d2eifl1g3m5-JZGSTBVVJHHcbqL2W5DuYe04lH9s5gtSujoSsyQPsGCjAbROjdj_N4rR4_WtM4WCpXbHIiEJOqIoD-aBxU/s1600/icon.png" width="100" height="110">
</body>
</html>
Output:
The src Attribute
HTML छवियों को img टैग के साथ परिभाषित किया गया है, और छवि स्रोत का फ़ाइल नाम src विशेषता में निर्दिष्ट किया गया है:
The alt Attribute
<img> टैग के लिए आवश्यक alt attribute एक छवि के लिए एक वैकल्पिक पाठ निर्दिष्ट करती है, अगर किसी कारण के लिए छवि प्रदर्शित नहीं की जा सकती है। यह धीमे कनेक्शन, या src विशेषता में त्रुटि के कारण हो सकता है, या यदि उपयोगकर्ता स्क्रीन रीडर का उपयोग करता है।
<!DOCTYPE html>
<html>
<body>
<h2>The src Attribute</h2>
<p>HTML छवियों को img टैग के साथ परिभाषित किया गया है, और छवि स्रोत का फ़ाइल नाम src विशेषता में निर्दिष्ट किया गया है:</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht5j5_UWPAFRgeLgY7rT7gixpv-Ip36FlV49JsEgpy56WYW6d2eifl1g3m5-JZGSTBVVJHHcbqL2W5DuYe04lH9s5gtSujoSsyQPsGCjAbROjdj_N4rR4_WtM4WCpXbHIiEJOqIoD-aBxU/s1600/icon.png" width="100" height="110" alt="BlogLearner">
</body>
</html>
Output:
The src Attribute
HTML छवियों को img टैग के साथ परिभाषित किया गया है, और छवि स्रोत का फ़ाइल नाम src विशेषता में निर्दिष्ट किया गया है:
The style Attribute
Style attribute का उपयोग शैलियों को किसी तत्व में जोड़ने के लिए किया जाता है, जैसे कि रंग, फ़ॉन्ट, आकार और बहुत कुछ।
<!DOCTYPE html>
<html>
<body>
<h2>The style Attribute</h2>
<p>Style attribute का उपयोग किसी तत्व में शैलियों को जोड़ने के लिए किया जाता है, जैसे color:</p>
<p style="color:red;">यह एक लाल पैराग्राफ है।</p>
</body>
</html>
The style Attribute
Style attribute का उपयोग किसी तत्व में शैलियों को जोड़ने के लिए किया जाता है, जैसे color:
This is a red paragraph.
The lang Attribute
वेब पेज की भाषा घोषित करने के लिए आपको हमेशा <html> टैग के अंदर lang attribute को शामिल करना चाहिए। यह खोज इंजन और ब्राउज़रों की सहायता के लिए है।
निम्नलिखित उदाहरण अंग्रेजी को भाषा के रूप में निर्दिष्ट करता है:
<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>
देश कोड को lang attribute में भाषा कोड में भी जोड़ा जा सकता है। तो, पहले दो वर्ण HTML पृष्ठ की भाषा को परिभाषित करते हैं, और अंतिम दो वर्ण देश को परिभाषित करते हैं।
निम्न उदाहरण अंग्रेजी को देश के रूप में भाषा और संयुक्त राज्य के रूप में निर्दिष्ट करता है:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
The title Attribute
Title attribute एक तत्व के बारे में कुछ अतिरिक्त जानकारी को परिभाषित करता है।
शीर्षक विशेषता के मूल्य को टूलटिप के रूप में प्रदर्शित किया जाएगा जब आप तत्व पर माउस करते हैं:
<!DOCTYPE html>
<html>
<body>
<h2 title="I'm a header">The title Attribute</h2>
<p title="मैं एक टूलटिप हूं">इस अनुच्छेद पर माउस, टूलटिप के रूप में शीर्षक विशेषता प्रदर्शित करने के लिए।</p>
</body>
</html>
The title Attribute
इस अनुच्छेद पर माउस, टूलटिप के रूप में शीर्षक विशेषता प्रदर्शित करने के लिए।
हम सुझाव देते हैं: हमेशा लोअरकेस विशेषताओं का उपयोग करें
HTML मानक को लोअरकेस विशेषता नामों ( lowercase attribute names) की आवश्यकता नहीं होती है।
Title attribute (और अन्य सभी विशेषताओं) को title or TITLE जैसे अपरकेस या लोअरकेस के साथ लिखा जा सकता है।
हालांकि, W3C HTML में लोअरकेस विशेषताओं (attribute) की सिफारिश करता है, और एक्सएचटीएमएल जैसे सख्त दस्तावेज़ प्रकारों के लिए लोअरकेस विशेषताओं की मांग करता है।
- सभी HTML तत्वों में विशेषताएँ हो सकती हैं
- <a> के href विशेषता, उस पृष्ठ के URL को निर्दिष्ट करता है जिस लिंक पर जाता है
- <img> का src विशेषता प्रदर्शित होने के लिए पथ को निर्दिष्ट करता है
- <img> की चौड़ाई और ऊंचाई की विशेषताएँ छवियों के लिए आकार की जानकारी प्रदान करती हैं
- <img> की पूरी विशेषता एक छवि के लिए एक वैकल्पिक पाठ प्रदान करती है
- शैली विशेषता का उपयोग शैलियों को किसी तत्व में जोड़ने के लिए किया जाता है, जैसे कि रंग, फ़ॉन्ट, आकार, और बहुत कुछ
- <html> टैग की लैंग विशेषता वेब पेज की भाषा घोषित करती है
- शीर्षक विशेषता एक तत्व के बारे में कुछ अतिरिक्त जानकारी को परिभाषित करता है
---
मुझे उम्मीद है कि आपको यह अच्छी पोस्ट पसंद आएगी। इसे अपने दोस्तों के साथ साझा करना न भूलें, शेयरिंग बटन पोस्ट के नीचे है। इसके अलावा, यदि इंटरमीडिएट में कोई नकारात्मक पहलू है, तो टिप्पणी बॉक्स का अनुरोध करने में संकोच न करें। हम आपकी मदद करने के लिए खुश होने जा रहे हैं।
मैं इस ब्लॉग पर अधिक से अधिक लिखना जारी रखूंगा, इसलिए हमारे ब्लॉग BlogLearner को अपने मोबाइल या कंप्यूटर पर बुकमार्क (Ctrl + D) के रूप में बनाना न भूलें और अपने ईमेल में सभी पोस्ट प्राप्त करने के लिए हमें सदस्यता लें। अगर आपको यह पोस्ट पसंद आए तो इन पोस्ट को शेयर करना न भूलें। आप हमें फेसबुक या ट्विटर जैसी सोशल नेटवर्किंग साइटों पर साझा करके अतिरिक्त व्यक्तियों तक पहुंचने की सुविधा प्रदान कर सकते हैं।
 |
| PHP tutorial in Hindi. |
No comments:
Post a Comment