HTML attribute in hindi with example पूरी जानकारी हिंदी में

नमस्कार दोस्तों! आज इस लेख के माध्यम से हम सिख रहे होंगे HTML attribute के बारे में सरल और आसान भाषा में।

HTML attribute क्या है ?

HTML में tag के अंदर मौजूद Extra जानकारी को ही attribute कहते है , Attribute हमेशा अपनी value के साथ opening tag के साथ लिखा जाता है। एक tag में एक से ज्यादा attribute भी हो सकते है। अर्थात आवश्यकता के अनुसार हम इसका उपयोग करते है।

HTML के प्रत्येक tags में कोई ना कोई attribute जरूर होते है, जो tag के output के बदलाव करने में उपयोगी होता है।

How to use Attribute in HTML tag in hindi (Attribute लिखने का तरीका)

Attribute हमेशा “key और value” का combination में लिखा जाता है, जहा key का अर्थ होता है attribute का नाम और value का अर्थ होता है attribute की value।

किसी भी HTML code में किसी भी tag के attribute की value हमेशा single quote (‘) या double quotes (“) के अन्डर ही लिखा जाता है।

Syntax

<tagname attribute_name="attribute_value"> 
	content........
	content........
</tagname>

Example

<a href="<https://www.technalay.in/>"> Welcome to Technalay</a>

जहा

• a: tag name है।
• href: attribute name है।
• “https://www.technalay.in/“: attribute value है।

Useful HTML Attributes

• id

• class

• style

• title

ID Attributes क्या है? इसका उपयोग कैसे करते है ?

किसी भी HTML page पर एक ही नाम की एक ही id होती है , id attribute की value किसी दूसरे tag की id जैसी भी नहीं हो सकती है ये बात जरूर ध्यान दे।

• Tag को id attribute दे कर उसकी value से हम सिर्फ उसी tag को CSS या JavaScript में target कर सकते है।
• यह attribute ज्यादातर JavaScript में use होता है।
• एक HTML tag में एक से ज्यादा id नहीं दी जा सकती है।

Syntax:-

<tag id=” ”>  </tag >

HTML में ID का उपयोग क्यों किया जाता है?

HTML में use किये जा रहे HTML element को कोई विशेष नाम देने के लिए किया जाता है। ताकि उसको किसी दूसरे page जैसे CSS में आसानी से use कर सके।

Class क्या है? इसका उपयोग कैसे करते है ?

Class attribute एक से ज्यादा HTML tags का group बनाने के लिए use होता है, जिससे developer एक साथ पुरे group में changes ला सकता है।

Class attribute ज्यादातर HTML element को style देने का काम आता है।

Syntax:-

<tag class=” ”>  </tag >

HTML में class का उपयोग क्यों किया जाता है?

HTML में जब बहुत सारे element के एक ही कैटेगरी के हो तो उन सारे element को एक class के अंदर दाल दिया जाता है।

Style

HTML स्टाइल टैग, सूचना को आसानी से दिखाने के लिए बनाया गया था। यह मार्कअप वेबपेज ब्राउज़रों को बताता है कि टेक्स्ट, चित्र और अन्य मल्टीमीडिया सामग्री को कैसे दिखाना चाहिए। 1996 में वर्ल्ड वाइड वेब कंसोर्टियम (W3C) ने कैस्केडिंग स्टाइल शीट्स (CSS) विकसित करके HTML स्टाइल टैग को बेहतर तरीके से प्रस्तुत किया। HTML एलिमेंट्स को स्टाइल करने के लिए CSS सबसे अच्छा है।

किसी भी HTML document में Style attribute को निम्न तरीकों से जोड़ा जा सकता है।

• Inline Style.
• External Style.
• Embedded Style.

एकाधिक style attribute के लिए बीच में ; से अलग करना होगा।

Syntax :-

<tag style="">HTML Style Attribute</tag>

Title

HTML में Title attribute का use किसी भी HTML elements या tags के अधिक information देने के लिए किया जाता हैं।

उदाहरण के लिए अगर आप किसी <p> (paragraph) tag में title attribute को add करते है। तो जैसे ही आप उस paragraph element पर mouse रखेंगे, तो जो title value है वो दिख रहा होगा।

Syntax:

<element title = "text">