HTML क्या है? (What is HTML in Hindi)
HTML क्या है? (What is HTML in Hindi)
HTML क्या है? (What is HTML in Hindi)
परिचय
HTML (HyperText Markup Language) वेब पेज बनाने के लिए उपयोग की जाने वाली एक मार्कअप भाषा है। यह वेब पेज के स्ट्रक्चर को परिभाषित करती है और विभिन्न वेब ब्राउज़र्स के लिए कंटेंट को व्यवस्थित करती है। HTML का उपयोग टेक्स्ट, इमेज, लिंक, टेबल, फॉर्म और अन्य वेब एलिमेंट्स को जोड़ने के लिए किया जाता है।
HTML की परिभाषा
HTML (HyperText Markup Language) एक संरचित भाषा है जो वेब पेज बनाने और डिज़ाइन करने में मदद करती है। यह हाइपरटेक्स्ट (HyperText) और मार्कअप लैंग्वेज (Markup Language) का संयोजन है:
- HyperText: यह वेब पेज को एक-दूसरे से जोड़ने का कार्य करता है।
- Markup Language: यह वेब डॉक्यूमेंट के संरचनात्मक तत्वों को परिभाषित करने के लिए टैग्स का उपयोग करता है।
HTML का इतिहास
| वर्ष | विवरण |
|---|---|
| 1989 | HTML को टिम बर्नर्स-ली (Tim Berners-Lee) द्वारा विकसित किया गया। |
| 1991 | HTML 1.0 जारी किया गया। |
| 1995 | HTML 2.0 जारी हुआ, जिसमें अतिरिक्त टैग जोड़े गए। |
| 1997 | HTML 4.0 आया, जिसमें CSS सपोर्ट शामिल किया गया। |
| 2014 | HTML5 को आधिकारिक रूप से पेश किया गया, जिसमें ऑडियो, वीडियो और इंटरएक्टिव एलिमेंट्स जोड़े गए। |
HTML के मुख्य विशेषताएँ
- यह एक सरल और उपयोग में आसान भाषा है।
- यह किसी भी वेब ब्राउज़र द्वारा समर्थित होती है।
- HTML टैग्स के माध्यम से वेब पेज का स्ट्रक्चर तैयार किया जाता है।
- यह अन्य तकनीकों जैसे CSS और JavaScript के साथ मिलकर वेब पेज को इंटरएक्टिव बनाता है।
- HTML5 में ऑडियो, वीडियो और ग्राफिक्स को जोड़ने की क्षमता होती है।
HTML की संरचना
HTML डॉक्यूमेंट तीन मुख्य भागों में विभाजित होता है:
- <!DOCTYPE html>: यह HTML डॉक्यूमेंट का वर्शन बताता है।
- <html>: संपूर्ण HTML डॉक्यूमेंट को परिभाषित करता है।
- <head>: इसमें मेटाडाटा, टाइटल और अन्य लिंक होते हैं।
- <body>: इसमें वेब पेज की मुख्य सामग्री होती है।
HTML का एक सिंपल उदाहरण
My First HTML Page
नमस्ते, यह मेरी पहली HTML वेबसाइट है!
HTML का उपयोग करके हम वेब पेज बना सकते हैं।
HTML के महत्वपूर्ण टैग
| टैग | विवरण |
|---|---|
| <h1> से <h6> | हेडिंग टैग्स (h1 सबसे बड़ा, h6 सबसे छोटा) |
| <p> | पैराग्राफ टैग |
| <a href="URL"> | हाइपरलिंक टैग |
| <img src="image.jpg"> | इमेज जोड़ने के लिए |
| <table> | टेबल बनाने के लिए |
| <ul>, <ol> | सूची (unordered और ordered) बनाने के लिए |
| <form> | फॉर्म बनाने के लिए |
HTML5 के नए फीचर्स
- ऑडियो और वीडियो सपोर्ट: <audio> और <video> टैग का उपयोग।
- ग्राफिक्स: <canvas> टैग के माध्यम से ड्रॉइंग सपोर्ट।
- फॉर्म कंट्रोल: नए इनपुट प्रकार जैसे email, date, number।
- वेब स्टोरेज: localStorage और sessionStorage का उपयोग।
- रेस्पॉन्सिव डिज़ाइन: CSS3 के साथ मिलकर मोबाइल-फ्रेंडली वेबसाइट बनाना आसान।
HTML और अन्य वेब तकनीकों के बीच संबंध
| तकनीक | HTML के साथ उपयोग |
|---|---|
| CSS (Cascading Style Sheets) | वेब पेज को स्टाइल देने के लिए |
| JavaScript | वेब पेज को इंटरएक्टिव बनाने के लिए |
| PHP और Python | सर्वर-साइड स्क्रिप्टिंग के लिए |
| MySQL | डेटाबेस मैनेजमेंट के लिए |
HTML सीखने के लिए संसाधन
- W3Schools (https://www.w3schools.com/html/)
- Mozilla Developer Network (https://developer.mozilla.org/en-US/docs/Web/HTML)
- freeCodeCamp (https://www.freecodecamp.org/)
निष्कर्ष
HTML वेब डेवलपमेंट की मूलभूत भाषा है, जो वेब पेजों की संरचना को परिभाषित करती है। यह अन्य तकनीकों जैसे CSS और JavaScript के साथ मिलकर एक संपूर्ण वेब अनुभव प्रदान करती है। HTML5 के नए फीचर्स ने वेब डेवलपमेंट को और अधिक उन्नत और इंटरएक्टिव बना दिया है। यदि आप वेब डेवलपमेंट सीखना चाहते हैं, तो HTML आपकी यात्रा की पहली सीढ़ी है।
Related Articles
PHP में Cookies और Session का उपयोग (Cookies and Session in PHP in Hindi)
PHP में Cookies और Session का उपयोग (Cookies and Session in PHP in Hindi) पर...
Read More →PHP में ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग (OOP) का परिचय (Object Oriented Programming with PHP in Hindi)
PHP में ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग (OOP) का ...
Read More →PHP का परिचय और बुनियादी सिंटैक्स (Introduction and Basic Syntax of PHP in Hindi)
PHP का परिचय और बुनियादी सिंटैक्स (Introduction and Basic Syntax o...
Read More →XML के प्रमुख घटक (XML Key Components in Web Technology in Hindi)
XML के प्रमुख घटक (XML Key Components in Web Technology in Hindi) परिचय...
Read More →वेब टेक्नोलॉजी में XML के उपयोग (Uses of XML in Web Technology in Hindi)
वेब टेक्नोलॉजी में XML के उपयोग (Uses of XML in Web Technology in Hind...
Read More →