HTML Attributes in Hindi (HTML Attributes क्या है): HTML Attributes Kya Hai

HTML Attributes in Hindi (HTML Attributes क्या है), HTML Attributes Kya Hai : नमस्ते दोस्तों! क्या आपने कभी सोचा है कि वेब पेज पर मौजूद तस्वीरें, लिंक और अन्य तत्व (element) कैसे काम करते हैं? इन सभी चीजों को नियंत्रित करने में HTML Attributes का महत्वपूर्ण योगदान होता है।

आज के इस ब्लॉग पोस्ट में, हम HTML Attributes की गहराई से जानकारी प्राप्त करेंगे और समझेंगे कि वे कैसे HTML टैग को और अधिक शक्तिशाली बनाते हैं।

HTML Attributes Kya Hai : HTML Attributes In Hindi

HTML Attribute एक HTML Element को अतिरिक्त जानकारी प्रदान करते हैं। Html Attribute को Name और Value से Define किये जाते है। Html Attribute की Value को हमेसा Double quote ( = ” “ ) के भीतर लिखा जाता है। HTML Attributes का उपयोग HTML Tags की विशेषताओं को Define करने के लिये किया जाता है।

जब हम किसी HTML TAG को यूज़ करते है तब हमें उस टैग में अतिरिक्त सुचना भी लिखना पड़ता है जैसे हम वेब पेज में इमेज को insert करने के लिए <इमेज > टैग का इस्तेमाल करते है पर केवल <इमेज > टैग के द्वारा किसी इमेज को वेब पेज में insert नहीं किया जा सकता है। हमें इमेज टैग के साथ HTML Attribute ( Src =” इमेज यूआरएल लिंक ” ) लिखना होगा तभी हम इमेज को वेब पेज में इन्सर्ट कर सकते है।

HTML Attributes क्या है? (What is HTML Attributes in Hindi)

HTML Attributes HTML टैग के साथ जुड़े अतिरिक्त पैरामीटर होते हैं जो टैग के व्यवहार और कार्यक्षमता को नियंत्रित करते हैं। ये टैग को अतिरिक्त जानकारी प्रदान करते हैं, जिससे वेब ब्राउज़र HTML पेज को सही ढंग से प्रदर्शित कर सकता है।

HTML Attribute को हमेसा शुरुआती टैग के साथ लिखा जाता है। HTML Attribute एक HTML Element को अतिरिक्त जानकारी प्रदान करते हैं सभी HTML Tag में HTML Attribute हो सकता हैं Html Attribute को हमेसा Name और Value में लिखा जाता है जैसे Name =”Value ” HTML Tag और HTML Attribute को हमेसा छोटे शब्दो में ही लिखे।

HTML Attributes के प्रकार:

HTML Attributes विभिन्न प्रकार के होते हैं, जिनमें से कुछ प्रमुख प्रकार निम्नलिखित हैं:

  • ID Attributes: किसी HTML element को एक अद्वितीय पहचान प्रदान करने के लिए उपयोग किए जाते हैं।
  • Class Attributes: HTML elements को समूहों में वर्गीकृत करने के लिए उपयोग किए जाते हैं।
  • Style Attributes: HTML elements की शैली (जैसे रंग, आकार, फ़ॉन्ट) को निर्दिष्ट करने के लिए उपयोग किए जाते हैं।
  • Href Attributes: Hyperlinks (लिंक) को निर्दिष्ट करने के लिए उपयोग किए जाते हैं।
  • Src Attributes: Images (छवियों), videos (वीडियो) और अन्य मीडिया फ़ाइलों के स्रोत को निर्दिष्ट करने के लिए उपयोग किए जाते हैं।
  • Alt Attributes: Images (छवियों) के लिए वैकल्पिक पाठ प्रदान करने के लिए उपयोग किए जाते हैं, जो तब प्रदर्शित होता है जब छवि लोड नहीं हो पाती है।

HTML Attributes का उपयोग कैसे करें:

HTML Attributes को HTML टैग के नाम के बाद, ‘=’ चिह्न के साथ जोड़ा जाता है, उसके बाद Attribute का मान होता है। उदाहरण के लिए, निम्नलिखित HTML code एक image tag बनाता है जिसमें ‘image.jpg’ नाम से image है।

<img src=”image.jpg” alt=”इमेज का नाम”>

यहां, ‘src’ एक Attribute है और ‘image.jpg’ इसका मान है। ‘alt’ एक और Attribute है और “इमेज का नाम” इसका मान है।

HTML Attributes के लाभ:

HTML Attributes के कई लाभ हैं, जिनमें शामिल हैं:

  • वेबसाइटों को अधिक इंटरैक्टिव और गतिशील बनाते हैं।
  • वेबसाइटों के डिज़ाइन और लेआउट को बेहतर बनाने में मदद करते हैं।
  • वेबसाइटों को अधिक सुलभ बनाते हैं।
  • वेबसाइटों को बेहतर ढंग से खोज इंजन अनुकूलित (SEO) बनाने में मदद करते हैं।

Html का परिचय
Html का इतिहास क्या है। – History Of Html
Html क्या है – What is Html In Hindi
Html Tag क्या है और Html Tag कितने प्रकार के होता है।
Html Elements क्या है।
Html Attribute क्या है।

आइए इन Attributes को थोड़ा और विस्तार से समझते हैं:

href Attribute : इस Attribute का यूज़ Html के html AttributeTag के साथ किसी फाइल, किसी टेक्स्ट, किसी इमेज के साथ लिंक करने के लिए href Attribute का यूज़ किया जाता है।

Html href Attribute

src Attribute : इस Attribute का यूज़ Html के   html Attribute Tag के साथ किसी इमेज के source को डिफाइन करने के लिए src Attribute का यूज़ किया जाता है। यानि इमेज किस फोल्डर या किस स्थान पर है यह बताने के लिए src Attribute का यूज़ किया जाता है।

Html src Attribute

alt Attribute : इस Attribute का यूज़ Html के html AttributeTag के साथ किसी इमेज के Value बताने है की आपका इमेज किस बारे में है इमेज का कीवर्ड क्या है जिस से इमेज को एक value मिलती है की इमेज किस बारे में है।

Html alt Attribute

Width and Height Attribute : इस Attribute का यूज़ किसी इमेज या किसी फाइल के height और width को डिफाइन करने के लिए किया जाता है।

Html Width and Height Attribute

lang Attribute : इस Attribute का यूज़ किसी भी वेब पेज के भाषा को बताने के लिए किया जाता है की आपका वेबसाइट या ब्लॉग किस भाषा में है।

Html lang Attribute

style Attribute : इस Attribute का यूज़ किसी inline Css स्टाइल करने के लिए किया जाता है।

Style Attribute

title Attribute : इस Attribute का यूज़ किसी भी टेक्स्ट ,इमेज या किसी भी फाइल के ऊपर माउस ले जाने पर उस फाइल या टेक्स्ट का नाम बताने के लिए title Attribute का यूज़ किया जाता है।

title Attribute

और भी जितने भी Html  Attribute  है उन बारे में जानने ले लिए या क्लिक करे।

उदाहरण:

मान लीजिए कि आप अपनी वेबसाइट पर एक image gallery बनाना चाहते हैं। आप HTML Attributes का उपयोग करके विभिन्न इमेज को प्रदर्शित कर सकते हैं, उन्हें लिंक कर सकते हैं, और उनके लिए वैकल्पिक पाठ प्रदान कर सकते हैं।

HTML Attributes के बारे में कुछ महत्वपूर्ण बातें:

  • HTML Attributes case-insensitive होते हैं, जिसका अर्थ है कि आप उन्हें lowercase या uppercase में लिख सकते हैं।
  • HTML Attributes को हमेशा (“”) में लिखा जाना चाहिए।
  • कुछ HTML Attributes को मान की आवश्यकता नहीं होती है।
  • आप एक ही HTML टैग पर कई Attributes का उपयोग कर सकते हैं।

यह भी पढ़े : HTML Elements क्या है? (What is HTML Elements in Hindi?)

निष्कर्ष :

HTML Attributes Kya Hai: अब जब आप HTML Attributes के बारे में जान गए हैं, तो उन्हें अपनी वेबसाइटों में उपयोग करना शुरू करें! Html Attributes वेबसाइटों को अधिक सुन्दर, कार्यात्मक और फ़ास्ट लोडिंग बनाने में मदद कर सकता है। हमें उम्मीद है आपको यह पोस्ट अच्छा लगा होगा।

Leave a Comment