⬅ Previous Next ➡

HTML Attributes

HTML Attributes किसी भी HTML Element को अतिरिक्त जानकारी देने के लिए उपयोग किए जाते हैं। वे टैग्स के अंदर ही होते हैं और किसी एलिमेंट की विशेषताओं को परिभाषित करते हैं — जैसे कि लिंक का पता, इमेज का स्रोत, टेक्स्ट की लंबाई, इनपुट का प्रकार आदि।

🔍 HTML Attribute क्या होता है?

HTML Attribute एक नाम-मान (name-value) जोड़ी होती है जो किसी टैग के अंदर दी जाती है।

सिंटैक्स:

<tagname attribute="value">Content</tagname>

✅ उदाहरण:

<a href="https://www.google.com">Google</a>

यहाँ:

<a> टैग है
href Attribute है
"https://www.google.com" उसका मान है

📌 सामान्य HTML Attributes

Attribute	कार्य
`href`	लिंक का URL देता है (`<a>` में)
`src`	इमेज या स्क्रिप्ट का स्रोत (`<img>`, `<script>`)
`alt`	इमेज न दिखे तो वैकल्पिक टेक्स्ट
`title`	माउस ले जाने पर दिखने वाला Tooltip
`style`	Inline CSS
`id`	एक यूनिक आइडेंटिफायर
`class`	CSS क्लास के लिए
`width`, `height`	एलिमेंट का आकार तय करने के लिए

🎨 `style` Attribute

HTML में style का प्रयोग किसी एलिमेंट पर Inline CSS लागू करने के लिए होता है:

<p style="color:red; font-size:20px;">लाल टेक्स्ट</p>

🆔 `id` और `class`

id एक यूनिक नाम देता है किसी एलिमेंट को (एक पेज पर एक बार)
class एक ग्रुपिंग नाम होता है (कई एलिमेंट्स को जोड़ा जा सकता है)

<p id="intro">पहला परिचय पैराग्राफ</p>
<p class="highlight">यह पैराग्राफ हाईलाइट है</p>

🖼️ `src` और `alt` (इमेज के लिए)

<img src="dog.jpg" alt="कुत्ते की फोटो" width="200" height="100">

⚙️ Multiple Attributes एक साथ

HTML टैग्स में एक से ज्यादा Attributes एक साथ दिए जा सकते हैं:

<a href="https://example.com" title="Visit Site">Example</a>

Chapter Test: 15 MCQs on HTML Attributes

✅ निष्कर्ष:

HTML Attributes किसी एलिमेंट को context, functionality और styling देने का माध्यम हैं। ये HTML को अधिक इंटरैक्टिव और meaningful बनाते हैं।