HTML सीखने के लिए आपको HTML Tags क्या है (What is HTML Tags in Hindi)? यह जानना अनिवार्य है। अगर आपको HTML टैग के बारे में जानकारी नहीं है, तो आप एक वेब पेज नहीं बना सकते है। सभी HTML documents मूल रूप से टैग (tags) के साथ संरचित (structure) होता हैं।
सबसे पहले, अगर आपको नहीं पता की HTML क्या है? तो HTML “हाइपरटेक्स्ट मार्कअप लैंग्वेज” है।
सरल शब्द में, HTML एक जटिल प्रोग्रामिंग भाषा नहीं है। यह साधारण text का उपयोग करके वेब-पृष्ठों का वर्णन करने के लिए एक भाषा है।
हर एक वेब पेज HTML फ़ाइल/document होता हैं. भले ही यह साधारण text फ़ाइल है. लेकिन फ़ाइल सामग्री HTML tags से बनी होती हैं. और फ़ाइल एक्सटेंशन .html या .htm के साथ सेव करना अनिवार्य है.
Table of Contents
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 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:
- Introduction of HTML.
- HTML Document.
- History of HTML.
- Features of HTML.
- HTML Editor – Best HTML Code Editors.
- HTML Tags in Hindi.
- All HTML Tags List.
- HTML Attributes.
- HTML Elements.
- HTML Meta Tags.
- Create an HTML Table.
- HTML Form.
क्या आप Web Developer बनना चाहते है?
अगर आप एक professional वेब developer बनना चाहते है तो नीचे की लिंक पर जाए और पूरी web development का road map से समझें
निष्कर्ष:
इस HTML टैग ट्यूटोरियल में, अपने सिखा की HTML टैग क्या है (What is HTML Tags in Hindi)? HTML टैग का उदाहरण, Empty टैग क्या है? HTML अंत टैग को क्यों न भूलें?और HTML tag case sensitive नहीं हैं।
HTML टैग के बिना वेब पेज (website) नहीं बना सकते।
इसलिए टैग को अच्छी तरह से समझे, और कौनसा टैग किस काम का है, कैसे उपयोग करना है, व्यावहारिक रूप से अभ्यास करें।
नोट: हमेशा याद रखें lowercase में tags को उपयोग करना है और अंत टैग देना न भूलें।
मुझे उम्मीद है, यह पोस्ट आपके लिए उपयोगी है।
यदि आपको HTML टैग या किसी अन्य HTML से संबंधित समस्या के बारे में कोई भ्रम है,
तो नीचे टिप्पणी बॉक्स में पूछ सकते हैं।
Bahut sundar
Thanks a million for your feedback