आज इस आर्टिकल में हम आपको 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>
यहाँ पर <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>
तो इस प्रकार आप एक 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"/>
आप 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>
Style attributes का इस्तेमाल करके आप किसी भी element की styling कर सकते है.
HTML lang Attributes
इसका इस्तेमाल <html> में किया जाता है. इससे यह पता लगता है की आपका डॉक्यूमेंट की भाषा में है. इसका इस्तेमाल डॉक्यूमेंट को search engine में रैंक बढ़ाने के लिए भी किया जाता है.
<html lang="en-US">
