How to learn HTML in Hindi | HTML tutorial for beginners in Hindi
आज का विषय है की How to learn HTML in Hindi Html का पूरा नाम , Hypertext markup language यह Website के पेज बनाने के लिये काम मे आती है। Website का बनावट के लिए बनाने में भी HTML का use होता है।आपको अगर अपनी आपकी की website बनानी है तो Html भाषा को सीखना चाहीये।
HTML एक बेहद सरल markup language है। HTML भाषा को सीखने और इसकी Help से Website के Pages को बनाने के लिए आपको को HTML tags and HTML attributes के बारे जानना होगा। किसी भी Website के pages को बेहतरीन बनावट देने में Html tags और Html attributes का उपयोग किया जाता है। इस लेख में How to learn HTML in Hindi पर हम जानेंगे Html element’s व उनके Html attributes क्या है, और इनकी Help से Website के pages कैसे बनाये। तो चलिए Step by step जानते है-
How to learn HTML in Hindi?
HTML भाषा को सीखने के लिए जरूरी है और Html tags व Html attributes का ज्ञान होना जरुरी है । बाकी सारा काम इन्ही tags व attributes का होता है। अगर आपने इन सारे Html tags व इनके attributes को जान लिया तो आप एक Html expert भी बन सकते है। इन सबका ज्ञान होने के बाद आपके लिए एक Website बनाना बाएं हाथ का खेल होगा। तो चलिए इस पोस्ट में अब जानते है। html tags व html attributes क्या है और इनका इस्तेमाल कैसे किया जाता है.
What exactly is an HTML tag?
HTML टैग या html एलिमेंट वे कोड होते हैं जिनका उपयोग वेब पेज की संरचना बनाने के लिए किया जाता है। यह टैग केवल कोण कोष्ठक (< >) में संलग्न पाठ की एक स्ट्रिंग है।
उदाहरण के लिए: (<H1> ) यह एक शीर्षक के लिए एक टैग है। जो कि हेडिंग के पहले अक्षर एच द्वारा निर्दिष्ट किया जाता है। अधिकांश टैग का पहला शब्द भी उन्हें परिभाषित करता है। इन टैग्स पर ओपनिंग और क्लोजिंग टैग होते हैं। यहां तक कि एक html फ़ाइल बनाते समय, विचाराधीन टैग के आरंभिक टैग और अंत में समापन टैग पर विशेष ध्यान दिया जाता है; तभी एचटीएमएल फाइल ठीक से काम करेगी।
अगर आपको किसी वेबसाइट के लिए हेडिंग बनानी है। परिणामस्वरूप, आप ओपनिंग टैग से शुरुआत करेंगे।
<H1>How to learn HTML in Hindi</h1>
Html टैग को दो श्रेणियों में बांटा गया है:
- जोड़े गए HTML टैग
- HTML टैग जो मेल नहीं खाते।
HTML टैग्स जो एक साथ चलते हैं: युग्मित html टैग वे होते हैं जिनमें ओपनिंग और क्लोजिंग दोनों टैग होते हैं। अधिकांश HTML टैग युग्मित होते हैं। शीर्षक टैग नीचे दिए गए उदाहरण में एक युग्मित टैग है। जिसका आरंभ और अंत टैग h1> और /h1> है।
<H1> What is HTML in Hindi </h1>
बिना ओपनिंग और क्लोजिंग टैग वाले HTML टैग्स को अनपेयर्ड HTML टैग्स के रूप में जाना जाता है। ये एक-एक तरह के html टैग हैं। इस तरह वे लिखे गए हैं। नीचे दिए गए उदाहरण में एक लाइन ब्रेक टैग (<Br>) का उपयोग किया गया है। इस तरह के एक टैग का उपयोग एक पंक्ति को समाप्त करने और एक पैराग्राफ का निर्माण करते समय एक नया शुरू करने के लिए किया जाता है।
<Br>
इस लेख के अंत तक, आपको HTML टैग्स, HTML तत्वों और उनकी विशेषताओं की बुनियादी समझ होनी चाहिए। तो, आइए कुछ HTML टैग्स पर एक नज़र डालें और वे कैसे उपयोगी हो सकते हैं।
Basic HTML Tags and Their Applications(मूल HTML टैग और उनके अनुप्रयोग)
1. DOCTYPE टैग — यह टैग दस्तावेज़ के प्रकार को निर्दिष्ट करता है। उदाहरण के लिए, इस दस्तावेज़ का प्रकार html है। इस टैग को परिभाषित करने के लिए !DOCTYPE> का प्रयोग किया जाता है।
2. Html Tag - यह HTML भाषा में सबसे महत्वपूर्ण टैग है। HTML टैग को <html> टैग द्वारा परिभाषित किया जाता है। इस तरह के टैग का उपयोग HTML दस्तावेज़ के निर्माण को शुरू करने के लिए किया जाता है। इस html टैग के उद्घाटन और समापन टैग में अन्य सभी टैग होते हैं।
3. Head Tag - इस टैग का उपयोग वेब पेज के ऊपरी आधे हिस्से यानी हेड को बनाने के लिए किया जाता है। उस वेब पेज के लिए शीर्षक, मेटा विवरण और कीवर्ड टैग सभी हेड टैग के भीतर लिखे गए हैं। इसे परिभाषित करने के लिए <head> का उपयोग किया जाता है।
4. बॉडी टैग - यह टैग वेब पेज के कंटेंट क्षेत्र को शुरू करता है। <Body> का उपयोग बॉडी टैग को परिभाषित करने के लिए किया जाता है। शीर्षकों, अनुच्छेदों आदि के लिए टैग। यह इस टैग के अंदर लिखा है। वेब पेज के बॉडी एरिया को इसी टैग की मदद से डिजाइन किया जाता है।
5. Title Tag - इस टैग में किसी वेब पेज का टाइटल लिखा होता है। <title> वह टैग है जो इस टैग को परिभाषित करता है।
6. Header Element — इस टैग का प्रयोग वेब पेज की सामग्री में एक शीर्षक बनाने के लिए किया जाता है। हेडिंग टैग <h1> का प्रयोग हैडिंग को परिभाषित करने के लिए किया जाता है। सामग्री के एक टुकड़े में, आप अधिकतम छह शीर्षक टैग का उपयोग कर सकते हैं। <h1>, <h2>, <h3>, <h4>, <h5>, और <h6> उनके संबंधित टैग हैं।
7. पैराग्राफ टैग - इस टैग के साथ पैराग्राफ लिखे जाते हैं। एक ही सामग्री में एकाधिक पैराग्राफ टैग का उपयोग किया जा सकता है। इस टैग को निर्दिष्ट करने के लिए <p> टैग का उपयोग किया जाता है।
8. लाइन ब्रेक टैग - एक लाइन ब्रेक टैग का उपयोग एक लाइन को खत्म करने और एक पैराग्राफ की रचना करते समय अगली लाइन शुरू करने के लिए किया जाता है। इस टैग को निर्दिष्ट करने के लिए <br> टैग का उपयोग किया जाता है।
9. बोल्ड टैग - महत्वपूर्ण सामग्री पर ध्यान आकर्षित करने के लिए बोल्ड टैग का उपयोग किया जाता है। इस टैग को परिभाषित करने के लिए <B> का उपयोग किया जाता है।
10. अंडरलाइन टैग - इस टैग का उपयोग किसी शब्द या वाक्यांश को हाइलाइट करने के लिए किया जाता है। <u> इसे परिभाषित करने के लिए प्रयोग किया जाता है।
11. इटैलिक टैग - बाद वाले को इटैलिक करने के लिए इस टैग का उपयोग करें। मैं इसे परिभाषित करने के लिए प्रयोग किया जाता है।
HTML विशेषताएँ क्या हैं और मैं उनका उपयोग कैसे करूँ?(What are HTML Attributes and How Do I Use Them?)
HTML विशेषताएँ किसी भी HTML तत्व (टैग) में अतिरिक्त जानकारी जोड़ने के लिए उपयोग की जाती हैं। HTML फाइल में ये विशेषताएँ दो भागों में लिखी जाती हैं। गुण नाम पहला भाग है, और मान दूसरा है। इन गुणों का उपयोग किसी Html फ़ाइल में किसी भी Html तत्व के उद्घाटन टैग के साथ किया जाता है। निम्नलिखित उदाहरण पर एक नज़र डालें:
<h1 attrname= "value"> How to learn HTML in Hindi </h1>
यह ऊपर के उदाहरण में एक शीर्षक टैग है। इसके उद्घाटन और समापन टैग, h1 और h2, इसे प्रदर्शित करते हैं। HTML विशेषताएँ, जैसा कि पहले कहा गया था, html तत्वों के बारे में अधिक जानकारी प्रदान करती हैं। इसलिए, यदि हम इस html कोड में शीर्षक का रंग बदलना चाहते हैं, तो हम उन विशेषताओं का उपयोग करेंगे जो हमें फ़ॉन्ट रंग को संशोधित करने की अनुमति देती हैं।
जैसा कि आप ऊपर दिए गए उदाहरण में देख सकते हैं, शीर्षक तत्व के शुरुआती टैग h1 में एक विशेषता उदाहरण जोड़ा गया है। किसी भी html विशेषता के नाम का उपयोग attr-name के रूप में किया जा सकता है। फिर मूल्य को उद्धरण चिह्नों [ " " ] के अंदर रखा जाता है। शेष HTML विशेषताएँ उसी तरह लिखी जाती हैं।
The Use of Some Basic HTML Attributes(कुछ बेसिक HTML एट्रीब्यूट्स का उपयोग)
1. HTML में href प्रॉपर्टी का इस्तेमाल दो वेब पेजों को एक साथ जोड़ने के लिए किया जाता है। <a> टैग के शुरुआती टैग में यह विशेषता होती है। <a> टैग को हाइपरलिंक टैग के रूप में भी जाना जाता है। <a> टैग का उपयोग टेक्स्ट या इमेज के दो टुकड़ों के बीच एक लिंक बनाने के लिए किया जाता है। यह टैग आपको किसी भिन्न वेब पेज पर नेविगेट करने की अनुमति देता है। href विशेषता नीचे दिए गए उदाहरण में टैग के आरंभिक टैग के साथ लिखी गई है।
<a href= "https://nayaseekhon.com"> techonologycal.blogspot.com </a>
2. Html src विशेषता - यदि आप एक HTML फ़ाइल में एक छवि शामिल करना चाहते हैं, तो आप इसे अपने कंप्यूटर से या किसी भी वेबसाइट से उपयोग कर सकते हैं। परिणामस्वरूप, छवि फ़ाइल के स्रोत पते को निर्दिष्ट करने के लिए src विशेषता का उपयोग किया जाता है। यदि चित्र फ़ाइल कंप्यूटर पर HTML फ़ाइल के समान फ़ोल्डर में सहेजी जाती है, तो src संपत्ति कुछ इस तरह दिखाई देगी।
HTML हिंदी में नीचे दिए गए उदाहरण में एक छवि का फ़ाइल नाम है। src विशेषता, इसके नाम के साथ - src और value - HTML in Hindi.jpg, छवि टैग के उद्घाटन टैग में लिखी गई है।
<image src= "HTML-in-Hindi.Jpg"> </image>
दूसरा, यदि चित्र फ़ाइल कंप्यूटर पर किसी भिन्न फ़ोल्डर में सहेजी जाती है, तो src विशेषता का उपयोग निम्न तरीके से किया जाएगा। इस स्थिति में, चित्र फ़ाइल कंप्यूटर के डाउनलोड फ़ोल्डर के छवि फ़ोल्डर में स्थित होती है। इसी तरह, उस फ़ोल्डर का नाम बदलें जिसमें आपने चित्र फ़ाइल को स्लैश के साथ सहेजा है, और उसके बाद ही आपकी छवि HTML फ़ाइल में दिखाई देगी।
<image src= "Download/image/HTML-in-Hindi.jpg"> </image>
तीसरे उदाहरण में, यदि छवि फ़ाइल url के रूप में है, तो src गुण का उपयोग निम्नानुसार किया जाएगा।
<image src= "https://nayaseekhon.com/HTML-in-Hindi.jpg> </image>
final thoughts(अंतिम विचार)
तो दोस्तों मुझे उम्मीद है कि आपको यह article पसंद आया होगा। HTML में महारत हासिल करने के लिए HTML तत्वों और उनकी विशेषताओं को समझना महत्वपूर्ण है। हम निम्नलिखित पोस्ट में उनके बारे में और जानेंगे। अगर आपको HTML कैसे सीखें (हिंदी में HTML सीखें) पर यह लेख अच्छा लगा हो, तो कृपया इसे लाइक, शेयर और कमेंट करें।
Comments
Post a Comment