HTML क्या है?, इतिहास , वर्शन, फ़ीचर ,कैसे काम करता है? और कैसे सीखे।

Rate this post

दोस्तों आज के इस पोस्ट में हम HTML के बारे में जानने वाले है। यदि आपको प्रोग्रामिंग लैंग्वेज और वेब डेवलपमेंट की थोड़ी भी समझ होगी तो आपने HTML के बारे में सुना जरूर होगा और आप में से कुछ ने स्कूल , कॉलेज , कंप्यूटर ट्रेनिंग इंस्टिट्यूट में एचटीएमएल की मदद से तरह तरह के वेब पेज भी डिजाइन किये होंगे। लेकिन आप में से कुछ ऐसे लोग भी है जिनको नहीं पता की html kya hai और यह कैसे कार्य करता है।जिन लोगो को HTML के बारे में सही जानकारी नहीं है यह आर्टिकल उनके लिए सबसे अच्छा होने वाला है।

Table of Contents

HTML क्या है?

HTML का फुल फॉर्म Hypertext Markup Language है यह एक प्रकार की स्टैण्डर्ड मार्कअप लैंग्वेज है जिसका उपयोग वेब पेजस और वेब एप्लीकेशन बनाने के लिए किया जाता है। HTML वेब पेज और WWW से सम्बंधित अन्य स्ट्रक्चर को बनाने के लिए विभिन्न प्रकार के Tags और attributes का इस्तेमाल किया जाता है।

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

कैस्केडिंग स्टाइल शीट्स (CSS ) और JavaScript के साथ एचटीएमएल वर्ल्ड वाइड वेब प्रमुख टेक्नोलॉजी है। इनका उपयोग करके डायनामिक और यूजर अट्रैक्टिव वेब पेज और एप्लीकेशन बनाया जा सकता है जिन्हें वेब ब्राउज़र और इंटरनेट कनेक्शन के साथ किसी भी डिवाइस से एक्सेस किया जा सकता है।

HTML का इतिहास

HTML एक स्टैंडर्ड मार्कअप लैंग्वेज है जिसका उपयोग वेब पेज और अन्य वेब एप्लीकेशन को बनाने में किया जाता है। इसे सबसे पहले 1991 में Tim Berners-Lee ने डेवलप किया था जिस समय टिम बर्नर्स-ली इस मार्कअप लैंग्वेज को डेवलप किया था उस समय CERN (European Organization for Nuclear Research) के लिए कार्य करते थे।

HTML के स्टार्टिंग वर्शन में कुछ लिमिटेड फ़ीचर और टैग्स का इस्तेमाल किया जाता था। उस समय इसमें कुछ टैग्स जैसे की <Title>, <H1>, <P>, <a>, और <img> जो बेसिक टेस्ट फॉर्मेटिंग , लिंक और इमेज का इस्तेमाल किया जाता था।

समय के साथ HTML के नए वर्शन में एडवांस फ़ीचर और Coding capabilities को ऐड किया गया। 1993 HTML+ को रिलीज़ किया गया जिसमे टेबल और इमेज मैप जैसी नए फीचर को लांच किया गया । उसके बाद HTML में नए फ़ीचर ऐड करके के वर्शन रिलीज़ किये गए है जिनके बारे में नीचे देख सकते है।

HTML के वर्शन

अभी तक आपने जाना की hTML kya hai और इसका संक्षिप्त इतिहास उम्मीद करते है की अभी तक के आर्टिकल में बताई गयी जानकारी आपको अच्छी लगी होगी। अब हम जानेगे की HTML के प्रमुख कितने वर्शन है और प्रत्येक वर्शन में किन फीचर को ऐड किया गया है।

HTML 1.0 (1993): HTML का पहला वर्शन 1993 में पब्लिश हुआ था। HTML के इस वर्शन में बहुत ही बेसिक फीचर थे इसमें ऐसी कई फीचर शामिल नहीं थे जिनका हम आज के HTML में उपयोग करते हैं।

HTML 2.0 (1995) : HTML के इस वर्शन में पहले के मुकाबले कुछ नए फीचर जैसे की टेबल और इमेज मैप जैसे फीचर ऐड किये गए थे।

HTML 3.2 (1997): इस वर्शन में स्टाइल शीट और टेबल के लिए एडवांस सपोर्ट के साथ इस वर्शन को लांच किया गया था।

HTML 4.01 (1999) : HTML के इस वर्शन में मल्टीमीडिया , इमेज पोज़िशन और फ्रेम के लिए कुछ नए और एडवांस फीचर ऐड किये गए थे

XHTML 1.0 (2000) : HTML का यह वर्शन XML आधारित था और HTML की तुलना में अधिक पॉवरफुल में डिज़ाइन किया गया था। इसके लिए आवश्यक है कि सभी टैग ठीक से बंद हों और सभी Attributes पूरी तरह से Quote किये गए हो ।

HTML5 (2014) : HTML के इस वर्शन में कई नए फीचर ऐड किये गए जिसमे किसी प्लगइन का इस्तेमाल किये बिना मल्टीमीडिया का सपोर्ट , मोबाइल डिवाइस का बेहतरीन सपोर्ट दिया गया।

HTML5.1 (2016) : इस वर्शन में पहले से और बेहतर फीचर ऐड किये गए जिसमे से इनपुट के प्रकार , वेब डेवलपर के लिए सपोर्ट ,और कैनवास एलिमेंट में इम्प्रूवमेंट जैसे फीचर शामिल हैं।

HTML5.2 (2017) : HTML के इस वर्शन में भी कुछ नए फीचर दिए गए है। वेब स्पीच एपीआई सपोर्ट ,माइक्रोडेटा के लिए बेहतर सपोर्ट , कैनवास एलिमेंट के लिए अन्य बहुत सारे विशेषताएं शामिल है।

ध्यान दें कि HTML लगातार डेवलप हो रहा है और भविष्य में इसके नए वर्शन कुछ नए फीचर केसाथ लांच किये जा सकते है।

HTML प्रमुख फ़ीचर

hTML kya hai में आपको सही जानकारी मिली होगी ऐसी हम उम्मीद करते है। HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) वेब पेज बनाने के लिए एक स्टैण्डर्ड मार्कअप लैंग्वेज है। HTML की कुछ प्रमुख विशेषताओं को नीचे देख सकते हैं:

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

HTML के द्वारा एक वेब पेज को अन्य दूसरे वेब पेज से लिंक किया जा सकता है जिससे यूजर आसानी से एक पेज से दूसरे पेज पर नेविगेट कर सकते हैं।

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

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

HTML को इस तरह से डिजाइन किया गया है जिससे किसी भी स्टैण्डर्ड ब्राउज़र जैसे की Chrome, Firefox, Safari, और Internet Explorer में आसानी से एक्सेस किया जा सकता है। HTML से बनाये गए वेब पेज को यूजर द्वारा अधिक सपोर्ट मिलता है

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

HTML कैसे काम करता है

अभी तक आपने जाना की HTML Kya Hai और इसके प्रमुख वर्शन क्या है अब आपके मन में सवाल आ रहा होगा की HTML कैसे काम करता है तो इसे समझने के लिए नीचे बताये गए स्टेप्स को समझे।

एचटीएमएल टैग की एक सीरीज का उपयोग करके काम करता है,जो वेब पेज पर विभिन्न एलिमेंट को परिभाषित करने के लिए एंगल ब्रैकेट (<>) का इस्तेमाल करता हैं। HTML कोड में इस्तेमाल किये जाने वाले टैग वेब ब्राउज़र को बताते हैं कि वेब पेज पर उपलब्ध टेक्स्ट , लिंक, इमेज आदि को कंटेंट के रूप में कैसे डिस्प्प्ले किया जाए।

एचटीएमएल कैसे काम करता है इसके लिए नीचे बताये गए उदाहरण को समझ सकते है।

ऊपर बताये गए कोड और स्क्रीनशॉट से HTML की वर्किंग को समझने का प्रयास करते है। वैसे HTML को समझाना और वेब पेज बनाना बहुत आसान है।

उदाहरण में बताये गए कोड के फर्स्ट लाइन में <!DOCTYPE html> वेब ब्राउज़र को यह बताता है कि डॉक्यूमेंट एक प्रकार का HTML डॉक्यूमेंट है। <HTML> टैग HTML डॉक्यूमेंट की स्टार्टिंग पॉइंट को इंगित करता है, और <Head> और <Body> टैग डॉक्यूमेंट के विभिन्न सेक्शंस को डिफाइन करने का कार्य करता हैं।

<Head> सेक्शन के अंदर <Title> टैग वेब पेज के टाइटल को बताने का कार्य करता है जो कोड के एक्सेक्यूट होने के बाद वेब पेज के टाइटल बार में दिखाई देगा। इसी तरह <Body> सेक्शन के अंदर <H1> Tag वेबपेज में इस्तेमाल होने वाली पहली हैडिंग को डिफाइन करने का कार्य करता है और <P> Tag वेबपेज के टेक्स्ट और टेक्स्ट पैराग्राफ और <img> Tag वेबपेज में इन्सर्ट किये जाने वाले इमेज को डिफाइन करने का कार्य करता है।

<A> टैग से किसी अन्य वेब साइट के पेज को लिंक करने के लिए इस्तेमाल किया जाता है कुल मिलाकर, HTML वेब पेज डिस्प्ले किये जाने वाले विभिन्न एलिमेंट को डिफाइन करने के लिए टैग्स के एक सेट का उपयोग करने के लिए किया जाता है, और फिर उन एलिमेंट को वेब ब्राउज़र में डिस्प्ले किया जाता है।

HTML में इस्तेमाल किये जाने वाले Elements

HTML कोडिंग में बहुत सारें elements मौजूद है . नीचे आप कुछ प्रमुख elements के बारे में जान सकते है जिनका उपयोग HTML में सबसे अधिक किया जाता है।

HTML Element	Description (विवरण)
<!DOCTYPE>	सभी HTML पेज के स्टार्टिंग में का इस्तेमाल किया जाता है . यह वेब ब्राउज़र को HTML Version के बारे में जानकारी देने का कार्य करता है ।
<html >	यह HTML वेब पेज का Root Element होता है. जो पूरे पेज को Define (परिभाषित) करने का कार्य करता है।
<head>	यह एक प्रकार का Container Element होता है जहा पर वेब पेज की एक्स्ट्रा इनफार्मेशन को स्टोर करने के लिए किया जाता है. इस Element में वेबपेज के Metadata और HTML फाइल की जानकारी दी जाती है।
<title>	इस एलिमेंट के द्वारा HTML द्वारा डिजाइन किये गए वेब पेज के टाइटल को लिखने के लिए इस्तेमाल किया जाता है। इस Element को Head Tag के अंदर रखा जाता है और जब HTML कोड एक्सेक्यूट होता है तो वेब ब्राउज़र में टाइटल दिखाई देता है
<body>	यह HTML का मुख्य भाग होता है। इस एलिमेंट में लिखे गए कंटेंट को वेब ब्राउज़र में दिखाने का कार्य किया जाता है। Body के अंदर कंटेंट सम्बंधित फॉर्मेटिंग जैसे की Heading, Paragraph, Multimedia आदि का इस्तेमाल किया जाता है।
<h1>	HTML वेब पेज में इसका इस्तेमाल Heading बनाने के लिए किया जाता है. सबसे महत्वपूर्ण हैडिंग होती है इसके बाद अन्य सब हैडिंग <h2> , <h3> , <h4> ….. आदि का इस्तेमाल किया जा सकता है
<p>	HTML वेब पेज में इसका इस्तेमाल Paragraph लिखने के लिए किया जाता है.

HTML इस्तेमाल के प्रमुख फ़ायदे

HTML kya hai आर्टिकल में बताई जानकारी आपको समझ ने आ रही होगी ऐसा हम उम्मीद करते है। HTML के बारे में जानते समय आपके मन में एक सवाल जरूर आ रहा होगा की HTML सीखने के क्या फ़ायदे हो सकते है तो HTML के प्रमुख फायदों को नीचे समझ सकते है।

HTMLएक सरल और आसानी से सीखी जाने वाली भाषा है इसके लिए किसी अन्य प्रोग्रामिंग लैंग्वेज को सीखने की आवश्यकता नहीं होती है।

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

HTML वेब पेजों को अधिक आकर्षित और इंटरैक्टिव बनाने के लिए इमेज , वीडियो और ऑडियो जैसे मल्टीमीडिया फाइलों को आसानी से ऐड किया जा सकता है।

यदि हम SEO की बात करे तो HTML सर्च इंजन फ्रेंडली लैंग्वेज है मतलब की इससे डेवलप किये गए वेब पेज को सर्च इंजन में आसानी से रैंकिंग मिल जाती है।

HTML का उपयोग अन्य प्रोग्रामिंग भाषाओं जैसे CSS और JavaScript के साथ किया जा सकता है, जो वेब डेवलपमेंट के कार्य को अधिक फ्लेक्सिबल और क्रिएटिव बनाने में मदद करता है ।

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

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

यह एक ओपन सोर्स लैंग्वेज है इसका मतलब HTML को इस्तेमाल करने के लिए किसी प्रकार के अन्य फ़ीस और लाइसेंस को खरीदने की आवश्यकता नहीं होती है

HTML इस्तेमाल के नुकसान

अभी तक आपने hTML kya hai और HTML के फ़ायदे के बारे में जाना। इस मार्कअप लैंग्वेज के बारे में हम अपनी व्यक्तिगत राय देने का प्रयास कर रहे है। यहाँ पर हम HTML की लिमिटेशन और कमियों के बारे में बताने वाले है।

लिमिटेड फंक्शन

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

वेब डिजाइन की लिमिटेड क्षमता

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

सिक्योरिटी फीचर की कमी

HTML वेब पेज के लिए किसी तरह का सिक्योरिटी फीचर उपलब्ध नहीं कराता है। वेब डेवलपर्स को अपने वेब एप्लिकेशन की सुरक्षा सुनिश्चित करने के लिए अन्य तकनीकों जैसे SSL /TLS , HTTP और सुरक्षित कोडिंग टेक्नोलॉजी का उपयोग करना पड़ता ।

ऑफलाइन उपयोग नहीं किया जा सकता

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

प्रोग्रामिंग को सपोर्ट नहीं करता

HTML एक प्रोग्रामिंग भाषा नहीं है, बल्कि यह एक मार्कअप लैंग्वेज है जिसका उपयोग वेब पर कंटेंट उपलब्ध कराने के लिए किया जाता है। HTML में कैलकुलेशन सम्बंधित कार्य नहीं कर सकते है।

HTML कैसे सीखे

अभी तक आपने जाना की html kya hai और इसके प्रमुख वर्शन और फीचर क्या है। यदि आप इस प्रोग्रामिंग लैंग्वेज को सीखना चाहते है तो इसे कुछ हफ्ते या महीने भर में आसानी से सीख सकते है। HTML सीखने के अनेको तरीके है जिनके बारे में नीचे विस्तार से जान सकते है।

ऑनलाइन सीखें

यदि आपके पास HTML सीखने के लिए पर्याप्त समय नहीं है मतलब की आप किसी तरह की जॉब या बिज़नेस करते है तो इसके लिए आप अपने फ्री समय के अनुसार ऑनलाइन ट्रेनिंग लेकर HTML सीखना आपके लिए बेस्ट ऑप्शन हो सकता है।

इंटरनेट पर आपको सैकड़ो वेबसाइट मिल जाएगी जो HTML और अन्य प्रोग्रामिंग लैंग्वेज के लिए फ्री में कंटेंट उपलब्ध कराते है। नीचे आप कुछ प्रसिध्द वेब साइट के नाम दिए गए है जहाँ से आप फ्री में एचटीएमएल सीख सकते हैं.

वेब डिजाइनिंग कोर्स जॉइन करें

यदि आप ऑनलाइन HTML लैंग्वेज नहीं सीखना चाहते है तो आप अपने शहर के बेस्ट वेब डिजाइनिंग इंस्टिट्यूट में जाकर सीख सकते है। यहाँ पर सीखने में आपको फ़ीस देनी पड़ेगी। कोचिंग इंस्टिट्यूट में जाकर HTML सीखने से आपको थ्योरी , प्रैक्टिकल और कोडिंग सम्बंधित आने वाले डाउट को भी हल किया जाता है। वेब डिजाइनिंग कोर्स का कोर्स पूरा होने के बाद इंस्टिट्यूट द्वारा सर्टिफिकेट भी दिया जाता है. जो आपकी योग्यता को साबित करने और भविष्य में वेब डिजाइनिंग से सम्बंधित मिलने वाले जॉब में मदद करता है.

किताबें खरीद कर स्वंय की मदद से

यदि आप स्वंय से HTML या अन्य प्रोग्रामिंग लैंग्वेज सीखना चाहते है तो ऑनलाइन और ऑफलाइन मार्किट में HTML से सम्बंधित अनेको बुक्स उपलब्ध है जिन्हे ख़रीद कर पढ़ प्रैक्टिकल और थ्योरी दोनों तरह से HTML सीख सकते है।

यूट्यूब से सीखें

किसी भी चीज़ को सीखने के लिए यूट्यूब सबसे अच्छा ऑप्शन है यदि आप HTML या अन्य कोई कोर्स फ्री में करना चाहते है तो यूट्यूब परइसके लिए आपको अनेको बेस्ट चैनल मिल जायेगे जो आपको स्टेप बाय स्टेप Html और कंप्यूटर से सम्बंधित अन्य कोर्स को सीखाने में मदद करेंगे

निष्कर्ष

उम्मीद करते है की html kya hai में बताई गयी जानकारी आपके लिए उपयोगी साबित हुई होगी। इस आर्टिकल से सम्बंधित किसी तरह के सवाल और फीडबैक के लिए कमेंट का इस्तेमाल कर सकते है , हमारी एक्सपर्ट टीम आपके सभी सवालों का जवाब देगी।