HTML in Hindi: HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) वह कोड है जिसका उपयोग किसी वेबसाइट और उसकी सामग्री को बनाने के लिए किया जाता है। उदाहरण के लिए, सामग्री को paragraphs, tables, form, बुलेटेड बिंदुओं की एक सूची और छवियों आदि का उपयोग करके संरचित किया जा सकता है।
अगर आप एक वेब डिजाइनर या वेब डेवलपर बनना चाहते हैं, तो आपको HTML क्या है (What is HTML in Hindi)? इस लेख में बताए गए जानकारी से आप जल्दी HTML सिख सकते हैं।
आज के समय, बाजार में Web Developer का मांग बहुत है। यदि आप अच्छी तरह से HTML सिख गए, तो घर बैठे ही नोकरी कर सकते है, और पैसे काम सकते है। या फिर खुद का एक वेबसाइट Develop करके पैसे कामा सकते हैं।
Table of Contents
HTML का परिचय (HTML Introduction)
HTML एक कोडिंग भाषा है जिसमें अधिकांश वेबसाइटें लिखी जाती हैं। HTML का उपयोग वेब पेज बनाने और उन्हें कार्यात्मक बनाने के लिए किया जाता है।
मूल रूप से, एचटीएमएल एक मार्कअप भाषा है। यह कोई प्रोग्रामिंग भाषा नहीं है क्योंकि इसमें कोई logical गणित नहीं किया जाता है।
HTML क्या है हिंदी भाषा में समझने के लिए इस वीडियो को देखें:
एचटीएमएल सीखना सुरू करने से पहले, आपको इसके बारे में कुछ बेसिक जानकारी होना बहुत जरूरी है। जो आपको यहां इस लेख में मिल जाएगा। जैसे की HTML क्या है? HTML कैसे काम करता है? और HTML सीखने से पहले क्या करना चाहिए? और जल्दी HTML कैसे सिख सखते है, वो भी बताऊँगा।
यानि की एचटीएमएल का बेसिक लेवल की पूरी जानकारी यहा आपको मिल जाएगा।
आइए एचटीएमएल क्या होता है (What is HTML in Hindi)? विस्तार से जानते हैं –
HTML क्या है (What is HTML in Hindi)?
HTML एक मार्कप टेक्स्ट लैंग्वेज (Markup text language) है। इसका पूरा नाम “Hypertext Markup Language” है। यह एक वेब पेज की संरचना का वर्णन करता है। यानी की HTML की मदद से वेब पेज बनाया जाता है।
एचटीएमएल में, अलग-अलग elements होती है. और elements tags ही वेब ब्राउज़र, को सामग्री प्रदर्शित करने का तरीका बताते हैं।
HTML element में कई सारे tags होता है, जैसे की <header>, <p> paragraph (अनुच्छेद), इत्यादि।
किस वेबसाइट या वेब पेज को विकसित करने के लिए HTML सबसे अधिक उपयोग की जाने वाली भाषा है।
1991 के अंत में Tim Berners-Lee द्वारा सबसे पहला HTML बनाया गया था. फिर धीरे-धीरे इसका version में बदलाव होता गिया, और अब 2023 में, HTML5 का उपयोग जियादतर वेब पेज को विकसित करने के लिए किया जाता है।
- इसका पूरा इतिहास जानने के लिए ‘HTML का इतिहास‘ पढ़ें।
HTML का उदाहरण (Example of HTML in Hindi)
चलिए सब से पहले “Hello world!” HTML code करते है. नीचे दिए गए code को copy करके आपके Notepad में past करे और “.html” extension से फ़ाइल को save करें:
<!DOCTYPE html> <html> <head> <title>First Hello world!</title> </head> <body> <h1>Hello, world!</h1> <p>This is a first testing code. I Love HTML</p> </body> </html>
इसे आप खुद try करे: File को “Tuorialinhindi.html” नाम से save करे, और फ़ाइल में double क्लिक करके वेब ब्राउज़र में ओपन करे.
वेब ब्राउज़र में, कुछ इस तरह output दिखेगा:
लीजिए आप HTML सीखना शुरू कर दिए हैं। 🙂
एचटीएमएल के प्रकार (Types of HTML in Hindi)
HTML5 को तीन श्रेणियों में विभाजित किया जा सकता है:
- Transitional HTML.
- frameset HTML.
- Strict HTML.
ये प्रकार HTML का उपयोग कैसे किया जाता है इस पर लागू होते हैं, जरूरी नहीं कि टैग के चयन के लिए हो।
- Transitional HTML: यह HTML का सबसे सामान्य प्रकार है। इसका syntax fexible होता है और syntax restrictions के बिना ही उपयोग क्या जाता है। यानी की यदि टैग गलत होता है तो वेब ब्राउज़र वेब डेवलपर की त्रुटियों (error) को ठीक नहीं करते हैं, और वे वैसे भी सामग्री प्रदर्शित करते हैं।
- Frameset HTML: इस प्रकार का HTML वेब डेवलपर्स को HTML दस्तावेज़ों का मोज़ेक बनाने की अनुमति देता है जहाँ एक ही स्क्रीन में कई दस्तावेज़ों को जोड़ा जा सकता है। इसका उपयोग अक्सर वेब पेज का Menu system बनाने के लिए किया जाता है।
- Strict HTML: एचटीएमएल का strict प्रकार HTML में नियमों को वापस करने और इसे अधिक विश्वसनीय बनाने के लिए उपयोग किया जाता है। उदाहरण के लिए, इसमें सभी खुला (opened) टैग के लिए सभी टैग बंद (closeed) करने की आवश्यकता होती है। इस प्रकार के एचटीएमएल फोन पर महत्वपूर्ण है, एक साफ और त्रुटि मुक्त कोड पृष्ठों को तेजी से लोड करने में मदद करता है।
HTML कैसे काम करता है?
HTML Document फ़ाइलों में “.html” या “.htm” का एक्सटेंशन होता है. और उस HTML डॉक्यूमेंट में किसी Text-editor (जैसे Notepad, आदि) द्वारा लिखे गए HTML elements / tags होती है, इसे हम html code भी कहते हैं। HTML code editors एक software tool है।
किसी HTML फ़ाइलों को देखने के लिए, वेब ब्राउज़र (जैसे Internet Explorer, Google Chrome, Mozilla Firefox या Safari, आदि) का उपयोग किया जाता है।
सबसे पहले ब्राउज़र HTML फ़ाइलों को पढ़ता है, और HTML tags के अनुसार content को दृश्य रूप में अनुवाद करता है।
अधिकांश HTML tags में शुरू का टैग “<..>” और बंद करने के लिए “</..>” उदाहरण के लिए, नीचे, देख सकते हैं कि HTML तत्वों को कैसे संरचित किया जा सकता है:
<div> <h1>Heading (HTML क्या है)</h1> <p>HTML सीखना बहुत आसान है</p> <p><a href="https://www.tutorialinhindi.com">TutorialInHindi</a> </p> </div>
यहाँ उपयोग किए गए उदाहरण में HTML tags को समझते हैं:
<div>: इसका उपयोग section बनाने के लिए किया जाता है।<h1>: Heading देने के लिए h1, h2 आदि टैग का उपयोग होता है।<p>: इस टैग का उपयोग अनुच्छेद (paragraph) के लिए किया जाता है।<a>: इस टैग का मतलब hyperlink है, इस टैग से एक पेज से दूसरे पेज को लिंक करते है।
इसका output कुछ इस तरह दिखेगा:
यहाँ कुछ basic HTML की जानकारी बताया गिया है, इससे आपको HTML code को समझ ने आसानी होगी:
HTML Documents क्या है?
सभी एचटीएमएल (HTML) document में “<!DOCTYPE html>” declaration के साथ शुरू होना चाहिए।
- HTML document “<html>” के साथ शुरू होता है और “</html>” टैग के साथ समाप्त होता है।
किसी HTML document में, दिखाई देने वाली भाग “<body>” और “</body>” के बीच रहता है।
उदाहरण के लिए, अगर आपको heading, paragraph, images, links, table, आदि उपयोग करना है तो आपको <body> tag के बाद देना है, और फिर </body> से section को समाप्त करना है।
Basic HTML Code के व्याख्या
वेब पेज की संरचना को परिभाषित करने के लिए HTML मार्कअप का उपयोग कैसे करें, इसकी बेहतर तरीक़े से समझने के लिए basic HTML5 फ़ाइल की कोड को समझें.
मूल HTML फ़ाइल में कुछ कोड लाइनें होती हैं:
<DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>
<h1> </h1>
<p> </p>
</body>
</html>
<!DOCTYPE html>: यह declaration है जो HTML5 को परिभाषित करता है। यानी की यह HTML टैग नहीं है। यह ब्राउज़र के लिए एक “सूचना” है कि किस प्रकार के दस्तावेज़ की उम्मीद है।<html><head><title><body><h1><p>: यह paragraph टैग है इसका उपयोग आप HTML वेब पेज में paragraph लिखने के लिए उपयोग कर सकते है।
इन मूल HTML कोड का उल्लेख लगभग अनिवार्य है। आप किसी भी HTML code editor में HTML कोड लिख सकते है,
नोट: HTML5 case sensitive नहीं है, आप चाहे तो ALL HTML tags को capital या small में लिख सकते है। पर में आपको smallमें ही लिखने का suggestion करूँगा।
वेब डिजाइनिंग सीखें हिंदी में
अगर आप जानना चाहते हैं कि वेब डिजाइनिंग कैसे सीखें हिंदी में तो यहां वेबसाइट डिजाइनिंग के बारे में हमारी पूरी गाइड है, अभी सीखना शुरू करें:
Video देखे: केवल 2 दिनों में HTML कैसे सीखें?
क्या आप HTML सीखना चाहते हैं?
यदि आप एक अच्छा वेब डेवलपर बनना चाहते हैं. तो आपको सबसे पहले HTML सीखना होगा। HTML ही वो चाभी है, जो आपको एक पेशेवर वेब डेवलपर बनाएगा। तो, आप क्यों इंतजार कर रहे हैं। नीचे दिए गए बटन पर क्लिक करके अभी हिंदी में HTML सीखना शुरू करें।
एचटीएमएल कैसे सीखें?
निर्देशित अभ्यास (practice) के साथ HTML सीखने का सबसे अच्छा तरीका है। यह एक किताब, पीडीएफ़, वीडियो या गाइडेड मॉड्यूल वाली वेबसाइट हो सकती है।
आपके लिए सबसे आसान और सबसे अच्छा विकल्प होगा youtube, google या tutorialinhindi.com वेबसाइट।
यहाँ HTML पाठ हैं, अभी से HTML सीखना शुरू करें:
- HTML Document को सीखें।
- एचटीएमएल का History को जानें।
- HTML में विशेषता क्या है समझें।
- Best HTML Code Editors को जानें।
- HTML में Tags क्या है सीखें।
- All HTML Tags List को सीखें।
- HTML Attributes को समझें।
- HTML Elements को सीखें।
- एचटीएमएल में Meta Tags क्या है जानें।
- HTML का उपयोग करके table बनाना सीखें।
- एचटीएमएल में Form बनाना सीखें।
HTML FAQs
यहाँ उत्तर के साथ HTML in Hindi से संबंधित कुछ अक्सर पूछे जाने वाले प्रश्न हैं:
HTML का मतलब हाइपरटेक्स्ट मार्कअप लैंग्वेज है। यह वेब पेज और वेब एप्लिकेशन बनाने के लिए उपयोग की जाने वाली मानक भाषा है।
HTML का उद्देश्य वेब पर सामग्री को इस तरह से संरचित करना है जो मनुष्य और मशीन दोनों के लिए पढ़ने और समझने में आसान हो। HTML कोड का उपयोग headings, पैराग्राफ, चित्र, लिंक और वेब पेज बनाने वाले अन्य elements को परिभाषित करने के लिए किया जाता है।
HTML सीखने के लिए कई संसाधन उपलब्ध हैं, जिनमें ऑनलाइन पाठ्यक्रम, ट्यूटोरियल और किताबें शामिल हैं। आप अपने स्वयं के वेब पेज बनाकर और विभिन्न तत्वों और शैलियों के साथ प्रयोग करके HTML कोड लिखने का भी अभ्यास कर सकते हैं।
HTML, Python या Java की तरह प्रोग्रामिंग भाषा नहीं है। यह एक मार्कअप भाषा है जिसका उपयोग वेब पर सामग्री की संरचना के लिए किया जाता है। इंटरएक्टिव वेब पेज और वेब एप्लिकेशन बनाने के लिए HTML का उपयोग CSS (कैस्केडिंग स्टाइल शीट्स) और जावास्क्रिप्ट के संयोजन में किया जाता है।
HTML के मूल तत्वों में tags, attributes और values शामिल हैं। टैग heading, पैराग्राफों और छवियों जैसे सामग्री प्रकारों को परिभाषित करते हैं। attributes किसी टैग के बारे में अतिरिक्त जानकारी प्रदान करती हैं, जैसे किसी छवि की चौड़ाई या ऊँचाई। Values विशेषताओं को विशिष्ट मान निर्दिष्ट करते हैं।
निष्कर्ष
HTML एक मार्कप टेक्स्ट लैंग्वेज है, और इसका full form “Hypertext Markup Language” है। इसका उपयोग करके आप खुद का वेब पेज (Website) बना सकते है।
इस लेख में, अपने सिखा की (HTML क्या है – What is HTML in Hindi) अंत में, अगर आपको एक अच्छाएक वेब डेवलपर बनना चाहते हैं, तो आपको HTML को अच्छी तरह से सीखना पड़ेगा।
HTML tutorial, आपको इस वेबसाइट (TutorialInHindi.com) पे हिंदी भाषा में सीखने को मिलेगा।
वेब designing सीखने के लिए जैसे ही आप HTML सीख जाएँगे CSS, JavaScript, jQuery और PHP भी सीखना शुरू कर देना।
इस वेबसाइटके साथ update रहने के लिए telegram join करें, facebook page और group join करें।
Thank you sir I love this website
Anytime! We are glad to know Suryamani : )
Feel free to give us your valuable feedback or any query at any time.
आपके ब्लॉग पर हिंदी में HTML के बारे में लिखे गए article को पढ़कर मुझे बहुत अच्छा लगा। एचटीएमएल (HTML) एक अत्यंत महत्वपूर्ण वेब भाषा है जो वेबसाइट विकास में उपयोग होती है। आपकी writing द्वारा मैंने इसे समझने में आसानी महसूस की है।
धन्यावाद
आपकी शुभकामनाओं के लिए धन्यवाद! HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) एक अविश्वसनीय रूप से महत्वपूर्ण वेब भाषा है जिसका उपयोग वेबसाइट विकास में किया जाता है। मुझे खुशी है कि मेरे लेखन से आपको समझने में आसानी हुई। धन्यवाद!