HTML in Hindi

HTML Element & Attributes Tutorials in Hindi – Part 2

आज इस आर्टिकल में हम आपको HTML Element & Attributes Tutorials in Hindi – Part 2 के बारे में बता रहे है.

HTML Elements Tutorials in Hindi

HTML Element में 2 tag होते है. इसके बीच में जो भी content लिखा जाता है वह HTML डॉक्यूमेंट को effect करता है. हमने आपको HTML Introduction के tutorial में HTML element के बारे में बताया था. HTML में element पहले से बने बनाये होते है बस हमने इनका सिर्फ इनका इस्तेमाल करना होता है.

<tag का नाम >Content </tag का नाम>

हम आपको नीचे कुछ HTML tag के बारे में बता रहे है.

<h1></h1>
<p></p>
<br/>
<img/>
<hr/>

कुछ HTML element के बीच content नही लिखा जाता इनको empty element भी कहा जाता है. Empty element में end tag का इस्तेमाल नही किया जाता.

<br/>
<img/>

HTML Nested Element Tutorials in Hindi

Nested element का मतलब है की एक element के अन्दर element का इस्तेमाल करना. जैसे की उदाहरण के तौर पर हम आपको नीचे HTML का code बता रहे है.

<html>
<body>
<h1>Heading 1</h1>
<p>Paragraph one</p>
<//body>
</html>

First HTML code
First HTML code

यहाँ पर <html> root element है. इसके बाद में <body> element <html> element का nested element है. इसी प्रकार <h1> और <p> element दोनों <body> element के nested element है.

Empty Element & Self Closing Element in Hindi

इन element के अन्दर कोई content नही आता है. इनको आप self closing element कह सकते है. इसके बारे में हमने आपको HTML basic part 1 में बताया था. Empty element हम आपको नीचे बता रहे है.

<img src=""/>
<br/>
<hr/>

Note

  • HTML element के अक्षर आपको छोटे(small) लैटर में लिखने है. (यह कोई जरुरी नही है, लेकिन यह एक स्टैण्डर्ड है.)
  • कभी भी किसी tag को शुरू करने के बाद आपको उस tag को बंद करना बहुत जरुरी है.
  • HTML case-sensitive नहीं है. इसका मतलब आप इसके tag को छोटे या बड़े दोनों अक्षर में लिख सकते है.

HTML Attributes Tutorial in Hindi

HTML में किसी tag में कुछ information डालने के लिए आप HTML Attributes का इस्तेमाल कर सकते है. इसका मतलब है की अगर आपको किसी tag में कोई इनफार्मेशन डालनी है तो आप HTML Attributes का इस्तेमाल करे. HTML Attributes नीचे बताये गए तरीके से लिखे जाते है.

<tagName attributes="Value">Content Here-------- </tagName>

तो अब आपको attributes का इस्तेमाल कैसे करना है पता लग गया होगा. अब इसके बारे में हम आपको कुछ notes दे रहे है.

Note

  • लगभग सभी element में attributes का इस्तेमाल कर सकते है.
  • इसका इस्तेमाल html element की इनफार्मेशन स्टोर करने के लिए किया जाता है.
  • Attributes का इस्तेमाल हमेशा start tag में होता है.
  • Attributes हमेशा pair में आता है. Name=”Value”

HTML <a> href Attribute

इसका इस्तेमाल किसी link पर redirect करने के लिए किया जाता है. यह लिंक किसी फाइल का नाम या कोई वेबसाइट का लिंक भी हो सकता है. इसके कोड हम आपको नीचे दे रहे है.

<a href="https://hindialerts.com/">Click Here</a>

HTML href Attribute
HTML href Attribute

तो इस प्रकार आप एक content को किसी भी लिंक में बदल सकते है और जब user content पर क्लिक करता है तो tag में दिए गए address पर user को redirect कर दिया जाता है. <a> element में कई attributes का इस्तेमाल किया जाता है जिनके बारे में हम आपको HTML Link Tutorials in Hindi में बताएँगे.

HTML <img> src Attributes

हमने पिछले tutorial में img element के बारे में आपको बताया था. img element का इस्तेमाल आप अपने डॉक्यूमेंट में images डालने के लिए इस्तेमाल किया जाता है. इसके साथ इस src attributes का इस्तेमाल किया जाता है इसको आप source भी कह सकते है जहाँ से आपको फाइल का path सेलेक्ट करना है जहाँ पर आपकी images रखी हुई है.

<img src="drive/folder/file.jpg"/>

HTML <img> src Attributes
HTML src Attributes

आप src attributes का इस्तेमाल करके अपने डॉक्यूमेंट में multiple image लगा सकते है. इसके साथ कुछ attributes और भी इस्तेमाल किये जाते है, HTML images के बारे में हम आपको HTML images tutorial in Hindi के lesson में पढेंगे.

HTML Style Attributes

इस attributes का इस्तेमाल करके आप अपने element की styling के लिए किया जाता है. इसका इस्तेमाल font, color, और background color चेंज करने के लिए इस्तेमाल किया जाता है. इसके कोड हम आपको नीचे दे रहे है.

<h1 style="color:red"> Content Here...... </h1>

HTML Style Attributes
HTML Style Attributes

Style attributes का इस्तेमाल करके आप किसी भी element की styling कर सकते है.

HTML lang Attributes

इसका इस्तेमाल <html> में किया जाता है. इससे यह पता लगता है की आपका डॉक्यूमेंट की भाषा में है. इसका इस्तेमाल डॉक्यूमेंट को search engine में रैंक बढ़ाने के लिए भी किया जाता है.

<html lang="en-US">

HTML lang Attributes
HTML lang Attributes

HTML Heading Tutorials in Hindi>>>>>>>>>>>

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button
Close