HTML Tags in Hindi: HTML टैग क्या है? उदाहरण, उपयोग [PDF Notes]

What is HTML Tags in Hindi में जानिए HTML टैग क्या है, इसके उदाहरण, उपयोग, Empty टैग की पूरी जानकारी साथ ही PDF Notes Free में Download करें।

द्वारा
Md Badiruddin
-

HTML Tags in Hindi: HTML टैग वेब पेजों पर सामग्री को संरचित करने के लिए उपयोग किए जाने वाले कोड हैं। यह heading (<h1>), पैराग्राफ (<p>), और लिंक (<a>) जैसे तत्वों (elements) को संलग्न करते हैं।

HTML सीखने के लिए आपको HTML Tags क्या है (What is HTML Tags in Hindi)? यह जानना अनिवार्य है।

अगर आपको HTML टैग के बारे में जानकारी नहीं है, तो आप एक वेब पेज नहीं बना सकते है। सभी HTML documents मूल रूप से टैग (tags) के साथ संरचित (structure) होता हैं।

सबसे पहले, अगर आपको नहीं पता की HTML क्या है? तो HTML “हाइपरटेक्स्ट मार्कअप लैंग्वेज” है।

HTML tags in hindi tutorial

सरल शब्द में, HTML एक जटिल प्रोग्रामिंग भाषा नहीं है। यह साधारण text का उपयोग करके वेब-पृष्ठों का वर्णन करने के लिए एक भाषा है।

हर एक वेब पेज HTML फ़ाइल/document होता हैं. भले ही यह साधारण text फ़ाइल है. लेकिन फ़ाइल सामग्री HTML tags से बनी होती हैं. और फ़ाइल एक्सटेंशन .html या .htm के साथ सेव करना अनिवार्य है.

HTML टैग क्या है (What is HTML Tags in Hindi)?

HTML tags कीवर्ड या गुप्त (hidden) कीवर्ड की तरह होते हैं। यह परिभाषित करते हैं कि वेब ब्राउजर सामग्री को कैसे प्रदर्शित करेगा।

अधिकांश टैग में तीन मुख्य भाग होता हैं: एक open टैग <tagname>, बीच में सामग्री (content), और समापन (close) </tagname> टैग।

उदाहरण के लिए, <body> शुरुआत टैग, सामग्री यहाँ जाती है… और </body> समापन टैग। HTML टैग की मदद से, वेब ब्राउज़र एक HTML सामग्री और एक साधारण सामग्री के बीच अंतर करता है।

 
<body> यह केवल बॉडी टैग का एक उदाहरण है </body>

ध्यान दें, Open tags <> less than और greater than symbol से होता है। और close tag </> less than और greater than symbol के बीच एक forward-slash / होता है।

समापन (close) टैग में, open टैग के समान text होता है, लेकिन इसमें एक अतिरिक्त फ़ॉरवर्ड-स्लैश (/) वर्ण है। आप इसे “अंत” या “बंद” चरित्र के रूप में व्याख्या कर सकते हैं।

हर एक HTML फ़ाइल में वैध (valid) आवश्यक टैग होता है जिससे वेब ब्राउज़र इसे समझ सके, और इसे सही तरिके से प्रदर्शित कर सकते हैं।

लेकिन कुछ tags ऐसे होता है जिसका बंद टैग नहीं होता है उसको empty tags भी कहा जाता है।

HTML टैग का उदाहरण (Example of HTML Tags in Hindi)

HTML अपने Syntax के लिए टैग (Tags) का उपयोग होता है। नीचे एक HTML दस्तावेज़ code है, जिसमें सभी आवश्यक टैग हैं। आप नीचे दिए गए कोड को कॉपी करें।

और अपने HTML code editor में पेस्ट करें, और वेब पेज को tutorial.html नाम से save करें।

<html>
 <head>
  <title>Tutorial In Hindi</title>
 </head>
 <body>

  यह वह जगह है जहाँ वेबसाइट सामग्री होती है!
  www.TutorialinHindi.com

 </body>
</html>

इसका output कुछ इस तरह ब्राउज़र में प्रदर्शन होगा:

यदि आप वेब विकास के लिए सर्वश्रेष्ठ कोड संपादक खोज रहे हैं तो यह वीडियो देखें:

HTML टैग्स के उपयोग (Uses of HTML Tags in Hindi)

HTML (HyperText Markup Language) वेब पेजों की संरचना बनाने के लिए उपयोग किए जाने वाले टैग्स का एक सेट है। ये टैग्स वेब पेज की सामग्री को व्यवस्थित और प्रस्तुत करने में महत्वपूर्ण भूमिका निभाते हैं। HTML टैग्स के कुछ प्रमुख उपयोग इस प्रकार हैं:

  • संरचना (Structure): HTML टैग्स पेज के विभिन्न हिस्सों जैसे हेडिंग, पैराग्राफ, और लिस्ट को व्यवस्थित करते हैं।
  • कंटेंट प्रस्तुत करना: <h1>, <p>, <div>, <span> जैसे टैग्स का उपयोग कंटेंट को विभिन्न रूपों में प्रस्तुत करने के लिए किया जाता है।
  • लिंक और मीडिया: <a> टैग से लिंक बनाना और <img> टैग से इमेज डालना।
  • फॉर्म और इनपुट: HTML टैग्स जैसे <form>, <input>, <button> का उपयोग उपयोगकर्ता से जानकारी प्राप्त करने के लिए किया जाता है।

आप इन टैग्स के सही उपयोग से एक वेबसाइट को यूजर-फ्रेंडली और इंटरएक्टिव बना सकता हैं।

HTML Basic Tags in Hindi

यहां कुछ बुनियादी (basic) HTML5 टैग दिए गए हैं जिनका उपयोग पेशेवर प्रभावी वेबसाइट बनाने के लिए आवश्यक है:

<!DOCTYPE> टैग

इसे HTML दस्तावेज़ प्रकार की घोषणा (declaration) कहा जाता है। DOCTYPE टैग प्रत्येक HTML या XHTML दस्तावेज़ में आवश्यक कोड की पहली पंक्ति है।

मूल रूप से, HTML <!DOCTYPE> टैग का उपयोग ब्राउज़र को दस्तावेज़ में उपयोग किए गए HTML के संस्करण (version) के बारे में सूचित करने के लिए किया जाता है।

HTML 5 में, declaration कुछ इस तरह दिए जाते है:

<!DOCTYPE html>

<html> टैग

यह एक root टैग है, जो HTML document को परिभाषित करता है। <html> टैग से शुरू होता है और </html> टैग से अंत होता है। हर एक HTML वेब पेज का शुरू में <html> और वेब पेज के अंत टैग </html> देना अनिवार्य है।

<head> टैग

इस टैग का उपयोग वेब पेज के बारे में जानकारी के लिए किया जाता है। मतलब की वेब पेज के बारे में विशिष्ट जानकारी जो उपयोगकर्ता को प्रदर्शित नहीं की जाती है। यह <body> टैग से पहले शुरू होता है। जो <head> से शुरू होता है और </head> टैग से अंत होता है।

<title> टैग

यह HTML document के title को परिभाषित करता है। जो <title> टैग से शुरू और </title> से अंत होता है। यह <head> टैग से बाद शुरू होता है। इसका उपयोग वेब पेज का title नाम रखने के लिए किया जाता है। और यह ब्राउज़र टूलबार में प्रदर्शित होता है।

<body> tag

यह HTML document पेज का body को परिभाषित करता है। और <html> टैग के अंदर होता है। जो <body> से शुरू और </body> से अंत होता है।

यदि आप संपूर्ण HTML टैग सीखना चाहते हैं तो यह विस्तृत लेख है: All HTML Tags with PDF.

नोट: अगर आप HTML जल्दी सीखना चाहते हो, तो यह video देखें:

खाली टैग क्या है – What is empty tag in HTML?

एक empty टैग उसे कहा जाता है जिस टैग का अंत टैग “/” (slash) से नहीं होता है।

इसका उपयोग images, breaks, meta tags, lists या hyperlinks के लिए किया जाता है।

एक empty टैग “<” से शुरू होता है और “>” से अंत होता है।

  • उदाहरण के लिए, <br>, <img> टैग आदि।

क्या HTML tag case sensitive है?

HTML tag case sensitive नहीं हैं: <HEAD> का अर्थ <head> जैसा है। HTML5 मानक को lowercase टैग की आवश्यकता नहीं है, लेकिन मैं आपको सलाह देता हूं कि lowercase का उपयोग करने का प्रयास करें।

अंत टैग को मत भूलना (Never Skip the End Tag)

कुछ HTML टैग है, जो बिना अंत टैग के भी वेब ब्राउज़र सही ढंग से प्रदर्शित कर देता है। क्योंकि कुछ समापन टैग को वैकल्पिक माना जाता है। उदाहरण के लिए, अनुच्छेद <p> टैग।

नीचे दिए गए कोड को कॉपी करके run करें:

<html>
 <body>
  <p>This is a HTML paragraph
  <p>Tutorial in Hindi
 </body>
</html>

इस कोड को HTML document में सेव करने के बाद, जब वेब ब्राउज़र में view करेंगे। तो <p> टैग जो बिना अंत टैग “</p>” के साथ है, फिर भी यह बाउसर में ठीक तरह ही प्रदर्शित करेगा।

HTML सीखने के लिए, यहाँ “Complete HTML course in Hindi” पर जाएँ।

और CSS सीखना है तो अभी “CSS Tutorial in Hindi” पर जाएँ।

Learn HTML:

क्या आप Web Developer बनना चाहते है?

अगर आप एक professional वेब developer बनना चाहते है तो नीचे की लिंक पर जाए और पूरी web development का road map से समझें

Web Developer कैसे बने

HTML Tags FAQs

HTML Tags Kya Hota Hai?

HTML टैग्स वेब पेज को संरचित और व्यवस्थित करने के लिए इस्तेमाल किए जाते हैं। ये टैग्स वेब पेज की सामग्री को विभिन्न हिस्सों में विभाजित करते हैं जैसे हेडिंग्स, पैराग्राफ, लिंक, और इमेजेस।

HTML टैग्स के उदाहरण क्या हैं?

HTML में कुछ सामान्य टैग्स में <h1> से लेकर <h6> (हेडिंग्स), <p> (पैराग्राफ), <a> (लिंक), और <img> (इमेज) शामिल हैं।

HTML टैग्स का उपयोग क्यों जरूरी है?

HTML टैग्स वेब पेज को एक संरचित रूप देते हैं और यह सुनिश्चित करते हैं कि सामग्री सही ढंग से प्रदर्शित हो, जिससे उपयोगकर्ता अनुभव बेहतर होता है।

HTML के बेसिक टैग को उदाहरण सहित समझाइए

HTML के कुछ बेसिक टैग्स के उदाहरण:
<h1>: यह टैग सबसे बड़ी हेडिंग को दर्शाता है।
उदाहरण: <h1>Welcome to My Website</h1>
<p>: यह टैग पैराग्राफ के लिए होता है।
उदाहरण: <p>This is a paragraph.</p>
<a>: यह लिंक के लिए होता है।
उदाहरण: <a href="https://example.com">Click Here</a>

HTML टैग्स में बंद टैग्स होते हैं?

हां, कुछ HTML टैग्स में बंद टैग्स होते हैं, जैसे <p>, <div>, जबकि कुछ टैग्स जैसे <img> और <br> में बंद टैग्स की जरूरत नहीं होती है।

HTML टैग्स को कैसे सिखें?

HTML टैग्स सीखने के लिए आप वर्कबुक, ट्यूटोरियल्स, और वेब डेवलपमेंट कोर्स का पालन कर सकते हैं। अभ्यास करने से आप इन टैग्स को सही तरीके से इस्तेमाल करना सीख सकते हैं।

HTML Tags in Hindi PDF Notes Free Download

अगर आप HTML टैग्स को हिंदी में सीखना चाहते हैं, तो यहां हम आपको HTML Tags in Hindi PDF Notes का फ्री डाउनलोड लिंक प्रदान कर रहे हैं।

इस PDF में HTML के सभी महत्वपूर्ण टैग्स, उनके उपयोग और उदाहरण के साथ समझाए गए हैं। यह नोट्स HTML सीखने वाले छात्रों और वेब डेवलपर्स के लिए बेहद उपयोगी हैं।

इसे डाउनलोड करके आप आसानी से HTML के विभिन्न टैग्स को समझ सकते हैं और अपने वेब डेवलपमेंट स्किल्स को बेहतर बना सकते हैं।

HTML Tags in Hindi PDF Notes Free DownloadDownload

निष्कर्ष:

इस HTML टैग ट्यूटोरियल में, अपने सिखा की HTML टैग क्या है (What is HTML Tags in Hindi)? HTML टैग का उदाहरण, Empty टैग क्या है? HTML अंत टैग को क्यों न भूलें?और HTML tag case sensitive नहीं हैं।

HTML टैग के बिना वेब पेज (website) नहीं बना सकते।

इसलिए टैग को अच्छी तरह से समझे, और कौनसा टैग किस काम का है, कैसे उपयोग करना है, व्यावहारिक रूप से अभ्यास करें।

नोट: हमेशा याद रखें lowercase में tags को उपयोग करना है और अंत टैग देना न भूलें।

मुझे उम्मीद है, यह पोस्ट आपके लिए उपयोगी है।

यदि आपको HTML टैग या किसी अन्य HTML से संबंधित समस्या के बारे में कोई भ्रम है,

तो नीचे टिप्पणी बॉक्स में पूछ सकते हैं।

2 टिप्पणी

कोई जवाब दें

कृपया अपनी टिप्पणी दर्ज करें!
कृपया अपना नाम यहाँ दर्ज करें

4 × three =