एचटीएमएल क्या है? What is HTML in Hindi - Beginners

HTML या हाइपरटेक्स्ट मार्कअप लैंग्वेज एक मार्कअप लैंग्वेज है, 2022 में वर्ल्ड वाइड वेब पर लगभग सभी वेबसाइटें HTML का उपयोग करके बनाई गई हैं। यदि आप एक वेब डेवलपर बनना चाहते हैं तो यह भाषा सीखनी चाहिए।

यहां आप जानेंगे कि HTML क्या है? और वेबसाइट बनाने के लिए HTML में उपयोग किए जाने वाले विभिन्न टैग क्या हैं।

आज Google को कौन नहीं जानता? एक खोज इंजन जिसका उपयोग लाखों लोग प्रतिदिन कुछ ज्ञान प्राप्त करने के लिए करते हैं। लेकिन, क्या आप जानते हैं कि Google को इतना ज्ञान कैसे मिलता है?

यह उन विभिन्न वेबसाइटों से आता है जो Google पर अनुक्रमित होती हैं और उन वेबसाइटों को बनाने के लिए HTML Language का उपयोग किया जाता है। इस पोस्ट के अंत तक, आप HTML का उपयोग करके एक साधारण वेबसाइट बनाने में सक्षम होंगे, भले ही आपको HTML का कोई ज्ञान न हो। तो चलिए सीखना शुरू करते हैं।

HTML in Hindi - एचटीएमएल हिंदी में

HTML full form in hindi

HTML का हिंदी में पूर्ण रूप है: हाइपरटेक्स्ट मार्कअप लैंग्वेज।

एचटीएमएल क्या है? - हिंदी में

Html in hindi: HTML (या हाइपरटेक्स्ट मार्कअप लैंग्वेज) वेब पेज बनाने के लिए इस्तेमाल की जाने वाली भाषा है। वेबपेजों के समूह को वेबसाइट कहते हैं। HTML ब्राउज़र को "Tags" की सहायता से वेबपेज के विभिन्न तत्वों को इंटरनेट पर प्रदर्शित करने का तरीका बताता है।

HTML में HT हाइपर-टेक्स्ट के लिए है, जिसका अर्थ है एक ऐसा टेक्स्ट जो वेब पेज को किसी चीज़ से जोड़ता है (जैसे किसी वेबसाइट या किसी अन्य वेब पेज से)। HTML में हम हाइपरलिंक बनाने के लिए एंकर टैग (<a> Tag) का उपयोग करते हैं।

HTML में ML मार्कअप लैंग्वेज के लिए है, जिसका अर्थ है एक ऐसी भाषा जिसे मानव और कंप्यूटर दोनों ही समझ सकें। मार्कअप भाषा दस्तावेज़ को प्रारूपित करने के लिए विभिन्न पूर्वनिर्धारित नियमों का उपयोग करती है। उदाहरण के लिए HTML में हम प्रमुख शीर्षक के लिए <h1> टैग, पैराग्राफ के लिए <p> टैग आदि का उपयोग करते हैं।

HTML के साथ प्रयोग की जाने वाली भाषाएँ

आज के समय में एक सफल वेबसाइट बनाने के लिए सिर्फ HTML ही काफी नहीं है। वेबसाइट को अधिक प्रतिक्रियाशील, तेज और बेहतर बनाने के लिए HTML के साथ कई अन्य भाषाओं का उपयोग किया जाता है। ये भाषाएं वेबसाइट के UI (यूजर इंटरफेस) को बेहतर बनाती हैं और इसे यूजर फ्रेंडली बनाती हैं। HTML के साथ प्रयोग की जाने वाली दो मुख्य भाषाएँ नीचे दी गई हैं:

1. CSS - Cascading Style Sheets

CSS का फुल फॉर्म कैस्केडिंग स्टाइल शीट्स है। जैसा कि इसके नाम से पता चलता है, इसका उपयोग वेबसाइट को स्टाइल करने के लिए किया जाता है ताकि हमारी वेबसाइट अधिक आकर्षक, नई और उपयोगकर्ता के अनुकूल दिखे।

CSS Syntax

CSS कोड Syntax HTML के <style> Tag के अंदर लिखा जाता है। CSS कोड को तीन भागों में बांटा गया है: Selector, Property और Value। Selector उस HTML टैग का नाम है जिस पर आप CSS लागू करना चाहते हैं। Property वह परिवर्तन है जो आप उस HTML टैग में करना चाहते हैं, जैसे रंग, मार्जिन, आकार, आदि। Value यह है कि आप किस प्रकार का परिवर्तन चाहते हैं, जैसे यदि आप रंग Property चुनते हैं, तो आप किस रंग को लागू करना चाहते हैं, लाल, नीला , या हरा।

<style>
p { color:blue;}
</style>

उपरोक्त एचटीएमएल कोड में "p" Selector है, "color" Property है, और "blue" Value है। अर्धविराम सीएसएस नियम के अंत को दर्शाता है।

2. JavaScript

जावास्क्रिप्ट वेब की सबसे लोकप्रिय प्रोग्रामिंग भाषा है। इसका उपयोग वेबसाइट को कार्यक्षमता (functionality) प्रदान करने के लिए किया जाता है। जावास्क्रिप्ट की सहायता से हम वास्तविक समय में वेबसाइट पर परिवर्तन कर सकते हैं जब उपयोगकर्ता हमारी वेबसाइट पर कुछ क्रिया करता है ( जैसे कि एक बटन पर क्लिक करके या अपने कंप्यूटर पर कीबोर्ड कुंजी दबाकर [ Ctrl + C ] )। इंटरनेट पर 98% से अधिक वेबसाइट जावास्क्रिप्ट का उपयोग करती हैं।

HTML का इतिहास

HTML किसने बनाया?

Tim Berners-Lee, 1991 में टिम बर्नर्स-ली ने इंटरनेट पर HTML के बारे में बताया, जो एक इंटरनेट आधारित हाइपरटेक्स्ट सिस्टम है। 1993 में उन्होंने HTML का पहला version बनाया। उन्हें वर्ल्ड वाइड वेब (WWW) का जनक कहा जाता है। हाइपरलिंक टैग को छोड़कर HTML SGML (स्टैंडर्ड जनरलाइज्ड मार्कअप लैंग्वेज) से बहुत प्रेरित है।

HTML के versions

समय के साथ HTML में कई सुधार किए गए। HTML के इन विभिन्न versions में सुविधाएँ जोड़ी या हटाई गईं। 2022 तक, HTML के पांच संस्करण हैं जिनमें HTML5 नवीनतम है।

HTML 2

HTML 2.0v 24 नवंबर 1995 को प्रकाशित हुआ था। इस version में जोड़े गए फीचर्स इस प्रकार थे: form टैग के माध्यम से फाइल अपलोड करना, table टैग फीचर, और इमेज map टैग की सीमाओं को हटा दिया।

HTML 3

HTML 3.2v 14 जनवरी, 1997 को प्रकाशित हुआ था। यह W3C द्वारा विकसित और मानकीकृत पहला version था। इस version में गणित के फार्मूले पूरी तरह से हटा दिए गए थे।

HTML 4

HTML 4.0v को 18 दिसंबर, 1997 को प्रकाशित किया गया था। इसे भी W3C द्वारा विकसित किया गया था। यह version अपने पूर्ववर्तियों की तुलना में कई नई सुविधाएँ प्रदान करता है, जैसे स्टाइल शीट, एम्बेडिंग ऑब्जेक्ट, रिच टेबल, ऑब्जेक्ट सपोर्ट, और बहुत कुछ। यह कई वेब ब्राउज़रों द्वारा समर्थित है।

HTML 5

HTML5 को 18 अक्टूबर 2014 को जारी किया गया था। इसे W3C की सिफारिशों के अनुसार विकसित किया गया था। पिछले versions में वेबसाइट पर मल्टीमीडिया (जैसे ऑडियो और वीडियो) चलाने के लिए flash प्लेयर की आवश्यकता होती थी, लेकिन HTML का यह संस्करण मल्टीमीडिया चलाने के लिए इनबिल्ट सुविधाओं के साथ आता है, जैसे <audio> और <video> Tags। इसमें और भी कई खूबियां हैं। यह HTML का अंतिम संस्करण हो सकता है।

HTML requirements हिंदी में

यह जानने के बाद कि What is html in hindi? यह सीखने का समय है कि आप अपनी वेबसाइट बनाने के लिए HTML का उपयोग कैसे कर सकते हैं। इस भाग में मैं आपको बताऊंगा कि HTML के साथ वेबसाइट बनाने के लिए किन-किन चीजों की आवश्यकता होती है।

यदि आपके पास एक कंप्यूटर/लैपटॉप है तो आपके पास एक HTML वेबसाइट बनाने के लिए आवश्यक सभी चीजें हैं। सच में, HTML वेबसाइट बनाने के लिए आपको केवल Notepad जैसे टेक्स्ट एडिटर और क्रोम, फ़ायरफ़ॉक्स, सफारी आदि जैसे वेब ब्राउज़र की आवश्यकता होती है। लेकिन ज्यादातर लोग Notepad के बजाय VS Code का उपयोग करते हैं क्योंकि यह आपके काम को तेज, आसान बनाता है, और CSS, JavaScript, C, आदि जैसी अन्य भाषाओं के लिए कई अन्य कार्यक्षमता प्रदान करता है। लेकिन Notepad को शुरुआत के रूप में उपयोग करना बिल्कुल ठीक है।

एक HTML फ़ाइल को Save करने के लिए आपको बस फ़ाइल के नाम के बाद ".html" जोड़ना होगा, उदाहरण के लिए myFirstWebsite.html और सेव-लोकेशन का चयन करने के बाद Save दबाएं।

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

HTML में प्रयुक्त Tags - HTML tags in hindi

HTML Tags को कभी-कभी HTML elements कहा जाता है। ये वेबसाइट के निर्माण में महत्वपूर्ण भूमिका निभाते हैं। HTML में कई Tag का उपयोग किया जाता है, यहां मैं आपको HTML में उपयोग किए जाने वाले कुछ बुनियादी Tags बताऊंगा जो हमारी वेबसाइट का ढांचा बनाने में हमारी मदद करेंगे।

लगभग हर HTML कोड में तीन बुनियादी Tags का उपयोग किया जाता है। ये तीन Tag हैं <html>, <head>, और <body>। किसी Tag को बंद करने के लिए आपको बस उस Tag के नाम की शुरुआत में एक फ्रंट स्लैश (/) जोड़ना होगा, उदाहरण के लिए: <body>..कुछ टेक्स्ट या टैग..</body>

Basic HTML टैग्स के बारे में विस्तृत जानकारी नीचे दी गई है:

html Tag

कोड में html टैग को <html> के रूप में लिखा जाता है। इस टैग को HTML का root भी कहा जाता है क्योंकि यह HTML डॉक्यूमेंट के start का प्रतिनिधित्व करता है। अन्य सभी tags <html> टैग के अंदर लिखे जाते हैं।

head Tag

html Tag के बाद हम head Tag लिखते हैं। head Tag को <head> के रूप में लिखा जाता है। यह html के अंदर सबसे महत्वपूर्ण टैग है। इसमें मेटाडेटा (डेटा के बारे में डेटा) होता है।

<head> टैग के अंदर इस्तेमाल होने वाले टैग हैं:

• <title>
• <link>
• <meta>
• <script>

चूंकि यह एक advanced विषय है, शुरुआत के लिए हम इसमें केवल <title> टैग का उपयोग करेंगे।

title Tag

title Tag को HTML भाषा में <title> के रूप में लिखा जाता है। इसका उपयोग <head> Tag के अंदर किया जाता है। यह वेब पेज के शीर्षक (title) को परिभाषित करता है। यह शीर्ष पर ब्राउज़र के टैब अनुभाग में दिखाया जाता है। इसमें आप सिर्फ टेक्स्ट लिख सकते हैं।

body Tag

HTML डॉक्यूमेंट में body Tag को <body> के रूप में लिखा जाता है। अपने नाम की तरह यह दस्तावेज़ के मुख्य भाग को परिभाषित करता है जहाँ हम पैराग्राफ, शीर्षक, सूचियाँ, छवि, ऑडियो, वीडियो, आदि जैसी सभी सामग्री जोड़ते हैं।

Comment Tag

HTML में कमेंट लिखने के लिए हम कमेंट टैग का उपयोग करते हैं। इसे इस प्रकार लिखा जाता है: <!-- कोई टिप्पणी लिखें -->।

टिप्पणी केवल प्रोग्रामर के लिए है, यह वेब ब्राउज़र में नहीं दिखाया जाता है। इसे कोड में लिखना या न लिखना आप पर निर्भर है।

अब जब हम HTML in hindi में उपयोग किए जाने वाले विभिन्न टैग को जानते हैं, तो आइए उनका उपयोग अपनी खुद की HTML website बनाने के लिए करते हैं।

HTML वेबसाइट हिंदी में - Let's Create a HTML website in Hindi

हम केवल छह HTML टैग्स के साथ एक वेबसाइट बनाएंगे: html, head, title, body, h1, और p। हम पहले चार tags के बारे में जानते हैं, लेकिन अन्य दो tags किस लिए उपयोग किए जाते हैं?

आइए सबसे पहले इनके बारे में जानते हैं। <h1> Tag का उपयोग प्रमुख शीर्षक के लिए किया जाता है। यहां आपको यह जानने की जरूरत है कि <h1> और <title> tags अलग-अलग उद्देश्यों के लिए उपयोग किए जाते हैं। <p> टैग का प्रयोग पैराग्राफ लिखने के लिए किया जाता है। अब एक वेबसाइट बनाते हैं।

तो आप किस बात की प्रतीक्षा कर रहे हैं। अपना लैपटॉप/कंप्यूटर शुरू करें > Notepad/VScode खोलें > और उसमें नीचे दिए गए कोड को लिखना शुरू करें।

HTML code

<html>
<head>
<title>मेरी पहली वेबसाइट</title>
</head>
<body>
<h1>नमस्ते</h1>
<p>आज मैंने हिंदी में HTML के बारे में सीखा और इसका उपयोग करके एक वेबसाइट बनाई :)</p>
</body>
</html>

HTML code Output

एचटीएमएल in hindi का निष्कर्ष

HTML एक सरल और आसान भाषा है जिसे कोई भी थोड़े से प्रयास से सीख सकता है। एक सुंदर वेबसाइट बनाने के लिए आपको सभी Tags जानने की आवश्यकता नहीं है।

HTML एक case-sensitive भाषा नहीं है, उदाहरण के लिए: <Html>, <html>, और <hTml> को HTML कोड में समान माना जाता है। लेकिन निरंतरता के लिए हम कोड में लोअरकेस अक्षरों का उपयोग करते हैं।

मुझे उम्मीद है कि अब आप एचटीएमएल हिंदी में समझ गए होंगे। यदि आपके कोई प्रश्न हैं तो आप पूछ सकते हैं।

आपको यह पोस्ट पसंद आया?

अगर हाँ तो इसे अपने दोस्तों के साथ या सोशल मीडिया पर शेयर करें, धन्यवाद।