HTML Attributes in Hindi (How to use attribute in HTML)

HTML Attribute किसी HTML Tag की अतिरिक्त जानकारी (Extra Information) देता है।
यह बताता है कि कोई HTML element कैसे काम करेगा या कैसे दिखाई देगा।

Easy Language में:

Tag = क्या बनाना है
Attribute = वह कैसे बनेगा या उसकी जानकारी क्या होगी

1. Global HTML Attribute :

Attribute	उपयोग (Use)	Example
`id`	Element की Unique पहचान	`<p id="demo">`
`class`	कई Elements को Group करना	`<p class="text">`
`style`	Inline CSS लगाने के लिए	`<p style="color:red">`
`title`	Mouse ले जाने पर जानकारी दिखाना	`<p title="Hello">`
`lang`	भाषा बताने के लिए	`<html lang="en">`
`dir`	Text Direction	`<p dir="rtl">`
`hidden`	Element छुपाने के लिए	`<p hidden>`
`tabindex`	Keyboard Tab Order	`<input tabindex="1">`
`contenteditable`	Content Edit करने के लिए	`<p contenteditable="true">`
`draggable`	Drag करने की अनुमति	`<img draggable="true">`
`spellcheck`	Spelling Check	`<input spellcheck="true">`
`accesskey`	Shortcut Key	`<button accesskey="s">`
`data-*`	Custom Data Store करना	`data-id="101"`

2. HTML Text Formatting Attributes :

Attribute	उपयोग
`style`	Text का Color, Size, Font बदलना
`title`	Extra जानकारी देना
`class`	CSS Apply करना
`id`	पहचान देना

3. Link (<a>) Tag Attributes :

Attribute	उपयोग	Example
`href`	Link Address देना	`<a href="page.html">`
`target`	Link कहाँ खुलेगा	`<a target="_blank">`
`download`	File Download करना	`<a download>`
`rel`	Relationship बताना	`<a rel="nofollow">`
`hreflang`	Language बताना	`<a hreflang="en">`
`type`	File Type बताना	`<a type="text/html">`

Target Values

Value	उपयोग
`_self`	Same Window
`_blank`	New Tab
`_parent`	Parent Frame
`_top`	Full Window

4. Image (<img>)Attributes :

Attribute	उपयोग	Example
`src`	Image का Path	`<img src="pic.jpg">`
`alt`	Alternative Text	`<img alt="Photo">`
`width`	Width सेट करना	`width="300"`
`height`	Height सेट करना	`height="200"`
`loading`	Image Loading Control	`loading="lazy"`
`srcset`	Different Images देना	Responsive Image
`sizes`	Image Size बताना	Responsive Design
`crossorigin`	Cross Origin Access	Image Security

5. Audio और Video Attributes :

Attribute	उपयोग
`src`	Media File Location
`controls`	Play/Pause Button दिखाना
`autoplay`	Automatically Play
`muted`	Sound बंद रखना
`loop`	बार-बार चलाना
`poster`	Video Thumbnail
`width`	Width
`height`	Height
`preload`	Loading Control

6. Form Attributes :

Attribute	उपयोग	Example
`action`	Data कहाँ भेजना है	`<form action="save.php">`
`method`	Data भेजने का तरीका	`GET/POST`
`name`	Field का नाम	`<input name="email">`
`value`	Default Value	`value="Rahul"`
`type`	Input Type	`type="text"`
`placeholder`	Hint दिखाना	`placeholder="Name"`
`required`	जरूरी Field	`<input required>`
`readonly`	केवल पढ़ना	`<input readonly>`
`disabled`	Disable करना	`<input disabled>`
`checked`	Checkbox Selected	`<input checked>`
`multiple`	Multiple Files	`<input multiple>`
`min`	Minimum Value	`min="1"`
`max`	Maximum Value	`max="100"`
`step`	Value Step	`step="2"`
`pattern`	Validation Rule	Pattern Set
`autocomplete`	Auto Fill	`autocomplete="on"`
`novalidate`	Validation बंद	Form में

7. Table Attributes :

Attribute	उपयोग
`border`	Border लगाना (पुराना तरीका)
`cellpadding`	Cell के अंदर Space
`cellspacing`	Cells के बीच Space
`colspan`	Column Merge
`rowspan`	Row Merge

8. Input Type Attributes :

Attribute	उपयोग
`text`	Text Input
`password`	Password Field
`email`	Email Input
`number`	Number Input
`date`	Date Input
`file`	File Upload
`radio`	Single Choice
`checkbox`	Multiple Choice
`submit`	Submit Button
`reset`	Reset Button

9. iframe Attributes :

Attribute	उपयोग
`src`	Page URL
`width`	Width
`height`	Height
`title`	Description
`allowfullscreen`	Full Screen
`loading`	Loading Control

10. HTML5 New Attributes :

Attribute	उपयोग
`placeholder`	Input Hint
`required`	Mandatory Field
`autofocus`	Automatically Focus
`multiple`	Multiple Selection
`pattern`	Validation
`min`	Minimum Value
`max`	Maximum Value
`step`	Increment Value
`download`	Download File
`contenteditable`	Editable Content
`draggable`	Drag Element

11. Button Attributes

Attribute	उपयोग
`type`	Button Type
`disabled`	Button Disable
`name`	Button Name
`value`	Button Value
`form`	Form से Connect

12. List Attributes

Attribute	उपयोग
`type`	List Style बदलना
`start`	Number Starting Point
`reversed`	उल्टी List

Learn to HTML – (Basic to Advanced)

HTML Full Course in Hindi (Beginner to Advanced)
by rb393976@gmail.com
May 30, 2026
HTML Roadmap HTML Introduction ↓ Basic Tags ↓ Formatting Tags ↓ Links & Images ↓ Lists ↓ Tables ↓ Forms ↓ Media ↓ Semantic Tags ↓ Layout Techniques ↓ Attributes ↓ Meta Tags ↓ SEO Basics ↓ Accessibility ↓ Projects … Read more: HTML Full Course in Hindi (Beginner to Advanced)
HTML Introduction (easy to learn ) in Hindi
by rb393976@gmail.com
May 29, 2026
HTML क्या है? HTML का इतिहास HTML 1.0 सन 1991 में Tim – Berners Lee के द्वार लॉन्च किया गया था | यह HTML का पहला वर्जन था | 2- HTML 2.0 HTML 2.0 को वर्ष 1995 में लॉन्च किया गया था | यह HTML का दूसरा वर्जन था | जो वेबसाइट को डिजाइन करने… Read more: HTML Introduction (easy to learn ) in Hindi
How to run code in an HTML editor
by rb393976@gmail.com
May 29, 2026
Notepad और VS Code का उपयोग करके HTML प्रोग्राम चलाना सीखें Notepad Step 1: Notepad open करे | Step 2: Notepad open कर HTML कोड लिखें | Step 3: HTML कोड को सेव करें। Step 4: HTML पेज को अपने ब्राउज़र में देखें। VS Code Step 1 : VS Code डाउनलोड करें | 2. VS… Read more: How to run code in an HTML editor
HTML Basic Tag in Hindi (easy to learn )
by rb393976@gmail.com
June 11, 2026
1. Heading Tag HTML में Heading Tags का उपयोग web page के शीर्षक (Title) और उपशीर्षक (Subheading) को बनाने के लिए किया जाता है। Heading Tags page के structure को arrange करने में मदद करता हैं और SEO के लिए भी महत्वपूर्ण होता हैं। Syntax : HTML में कुल 6 Heading Tags होते हैं Tag… Read more: HTML Basic Tag in Hindi (easy to learn )
HTML Style (all HTML Style) in hindi
by rb393976@gmail.com
June 7, 2026
1. Inline CSS Inline का मतलब होता है “एक ही लाइन या सीधे टैग के अंदर” लिखा जाता है। मतलब इसे HTML टैग के अंदर ही लिखा जाता है Example : Output : Hello world Advantage : Disadvantage : 2. Internal CSS Internal CSS में उसी HTML File के <head> Section के अंदर <style> Tag… Read more: HTML Style (all HTML Style) in hindi