HTML एक Markup language है, आमतौर पर हम सभी इसे “Hypertext Markup Language” कहते है। Simple Website को create करने के लिए HTML का इस्तेमाल किया जाता है, आज के समय में बहुत से वेब डेवलपर Html Web pages बनाने के लिए इसका इस्तेमाल करते है, Html लैंग्वेज का use करके हम Web Browser को यह समझाते है कि, हमारे Web-page की information user को कैसी दिखनी चाहिए, आप अभी जिस Website को पढ़ रहे है इसका भी Structure Html लैंग्वेज के इस्तेमाल से ही किया गया है. Hypertext और markup यह दो अलग शब्द है, जिनकी परिभाषा कुछ इस प्रकार है: Hypertext दो web pages को आपस मे एक text के अंदर जोड़े रखता है. ताकि जब कोई user उस text के ऊपर क्लिक करे तो वह उसे अगले web-page पर पंहुचा दे, इस प्रकार, Web pages पर उपलब्ध लिंक को hypertext कहा जाता है. Markup लैंग्वेज किसी भी web page के Structure को बनाने के काम में आती है. Html के अलावा DHTML, XHTML, XML XSLT etc. भी Markup लैंग्वेज है, परन्तु Html सबसे ज्यादा इस्तेमाल होने वाली लैंग्वेज है।
HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए है. यह उपयोगकर्ता को वेब पेज और एप्लिकेशन के लिए सेक्शन, पैराग्राफ, हेडिंग, लिंक और ब्लॉकक्वाट्स बनाने और संरचना करने की अनुमति देता है, HTML एक प्रोग्रामिंग भाषा नहीं है, जिसका अर्थ है कि इसमें गतिशील कार्यक्षमता बनाने की क्षमता नहीं है. इसके बजाय, यह Microsoft वर्ड के समान दस्तावेज़ों को व्यवस्थित और प्रारूपित करना संभव बनाता है. HTML के साथ काम करते समय, हम एक वेबसाइट पृष्ठ को चिह्नित करने के लिए सरल कोड संरचनाओं (टैग और विशेषताओं) का उपयोग करते हैं. उदाहरण के लिए, हम संलग्न पाठ को शुरू <p> के भीतर रखकर और </p> टैग को बंद करके एक पैराग्राफ बना सकते हैं।
What is HTML in Hindi
HTML एक संक्षिप्त रूप है जो हाइपर टेक्स्ट मार्कअप लैंग्वेज के लिए है जिसका उपयोग वेब पेज और वेब एप्लिकेशन बनाने के लिए किया जाता है. आइये अब हम देखें कि हाइपरटेक्स्ट मार्कअप लैंग्वेज और वेब पेज का क्या मतलब है।
Hyper Text
हाइपर टेक्स्ट का सीधा मतलब है “टेक्स्ट के भीतर पाठ।” एक पाठ के भीतर एक लिंक है, एक हाइपरटेक्स्ट है. जब भी आप एक लिंक पर क्लिक करते हैं जो आपको एक नए वेबपेज पर लाता है, तो आपने एक हाइपरटेक्स्ट पर क्लिक किया है. हाइपर टेक्स्ट दो या दो से अधिक वेब पेज (HTML डॉक्यूमेंट) को एक-दूसरे से लिंक करने का एक तरीका है।
Markup Language
एक मार्कअप भाषा एक कंप्यूटर भाषा है जिसका उपयोग पाठ दस्तावेज़ में लेआउट और प्रारूपण सम्मेलनों को लागू करने के लिए किया जाता है. मार्कअप भाषा पाठ को अधिक संवादात्मक और गतिशील बनाती है। यह टेक्स्ट को इमेज, टेबल, लिंक आदि में बदल सकता है।
Web Page
एक वेब पेज एक दस्तावेज है जो आमतौर पर HTML में लिखा जाता है और एक वेब ब्राउज़र द्वारा अनुवादित होता है. URL दर्ज करके एक वेब पेज की पहचान की जा सकती है. एक वेब पेज स्थिर या गतिशील प्रकार का हो सकता है, केवल HTML की मदद से हम स्थैतिक वेब पेज बना सकते हैं।
इसलिए, HTML एक मार्कअप भाषा है, जिसका उपयोग स्टाइलिंग की मदद से आकर्षक वेब पेज बनाने के लिए किया जाता है, और जो वेब ब्राउज़र पर एक अच्छे प्रारूप में दिखता है. एक HTML दस्तावेज़ कई HTML टैग्स से बना है और प्रत्येक HTML टैग में अलग-अलग सामग्री है।
दोस्तों आइये HTML का एक सरल उदाहरण देखें।
<!DOCTYPE> <html> <head> <title>Web page title</title> </head> <body> <h1>Write Your First Heading</h1> <p>Write Your First Paragraph.</p> </body> </html>
What is HTML in Hindi
जैसा कि आप सभी वेब पेज और वेबसाइट से परिचित हैं, क्या आप जानते हैं कि ये पेज कैसे बनाए और प्रदर्शित किए जाते हैं? वर्ल्ड वाइड वेब (डब्ल्यूडब्ल्यूडब्ल्यू) पर जानकारी साझा करने के लिए एचटीएमएल भाषा का विकास किसने शुरू किया? इस अध्याय और आगे के अध्यायों में, आप अपने वेबपेज बनाने के कौशल के साथ इन सभी प्रश्नों के बारे में जानेंगे।
HTML (Hypertext Markup Language) वेब पेज बनाने के लिए एकमात्र मार्कअप भाषा है. यह HTML दस्तावेज़ों में पाठ-आधारित जानकारी की संरचना का वर्णन करने के लिए कुछ शीर्षक, शीर्षक, पैराग्राफ, सूचियाँ, टेबल, एम्बेडेड चित्र आदि प्रदान करता है।
HTML एक सीधी कंप्यूटर कोडिंग भाषा है, इसे 90 के दशक में विकसित किया गया था. HTML एक वेब पेज का आधार है, और वेब पेज एक वेबसाइट का आधार है. HTML वेब दस्तावेज़ बनाने के लिए ‘टैग’ का उपयोग करता है।
HTML एक हाइपरटेक्स्ट मार्कअप लैंग्वेज है; यह मार्कअप टैग्स का एक प्रेडिनेंट सेट है, जो वेब पेजों का डिज़ाइन बनाने के लिए उपयोग किया जाता है।
HTML वेब डिजाइनिंग की पहली भाषा है, वेब पेज के डिज़ाइन को और बेहतर बनाने के लिए HTML के साथ CSS का भी उपयोग किया जाता है. वेब पेजों को गतिशील बनाने के लिए HTML के साथ जावास्क्रिप्ट का उपयोग किया जाता है।
वेब ब्राउज़र (क्रोम, इंटरनेट एक्सप्लोरर, फ़ायरफ़ॉक्स, सफारी और अन्य वेब ब्राउज़र) एचटीएमएल को पढ़ने और वेबपेज डिज़ाइन को आउटपुट के रूप में प्रदर्शित करने के लिए सॉफ्टवेयर हैं।
आप HTML को किसी भी साधारण संपादक जैसे कि नोटपैड, एडोब ड्रीमविवर, उदात्त आदि में लिख सकते हैं, मुख्य रूप से HTML लिखने और संपादित करने के लिए उपयोग किए जाते हैं।
HTML का संक्षिप्त इतिहास
HTML की शुरुवात 1990 में Tim-Berners Lee ने की थी, शुरुवात में Html language का इस्तेमाल Document Sharing के लिये किया जाता था. कुछ समय बीतने के बाद आखिरकार Lee ने html को Specified करते हुए Browser और Software को लिखा, जैसा की हमने अभी आपको बताया भी है वर्ष 1980 के दशक के अंत में, एक भौतिक विज्ञानी, टिम बर्नर्स-ली, जो सर्न में एक ठेकेदार थे, ने सर्न शोधकर्ताओं के लिए एक प्रणाली का प्रस्ताव रखा। 1989 में, उन्होंने एक इंटरनेट आधारित हाइपरटेक्स्ट प्रणाली का प्रस्ताव ज्ञापन लिखा, टिम बर्नर्स-ली को HTML के पिता के रूप में जाना जाता है. HTML का पहला उपलब्ध विवरण 1991 के अंत में टिम द्वारा प्रस्तावित “HTML टैग” नामक एक दस्तावेज था. HTML का नवीनतम संस्करण HTML5 है, जिसे हम बाद में इस ट्यूटोरियल में सीखेंगे।
हाइपरटेक्स्ट का अर्थ है एक पाठ जिसमें अन्य पाठों के लिए संदर्भ (लिंक) होते हैं जिन्हें दर्शक तुरंत एक्सेस कर सकते हैं, उन्होंने 1991 में HTML का पहला संस्करण प्रकाशित किया, जिसमें 18 HTML टैग शामिल थे, तब से, HTML भाषा का प्रत्येक नया संस्करण मार्कअप में नए टैग और विशेषताओं (टैग संशोधक) के साथ आया था।
मोज़िला डेवलपर नेटवर्क के HTML तत्व संदर्भ के अनुसार, वर्तमान में, 140 HTML टैग हैं, हालांकि उनमें से कुछ पहले से ही अप्रचलित हैं (अन्य ब्राउज़र द्वारा समर्थित नहीं हैं), लोकप्रियता में तेजी से वृद्धि के कारण, HTML अब एक आधिकारिक वेब मानक माना जाता है. HTML विशिष्टताओं को वर्ल्ड वाइड वेब कंसोर्टियम (W3C) द्वारा बनाए और विकसित किया जाता है. आप W3C की वेबसाइट पर कभी भी भाषा की नवीनतम स्थिति देख सकते हैं।
Html का उपयोग आज के समय बड़ी मात्रा में वेबसाइट बनाने में किया जा रहा है, दोस्तों Web-page Create करने में Html language का ही इस्तेमाल एक लम्बे समय से होता आ रहा है. अगर आप Html language अच्छे से सिख जाये तो एक Website बनाना आपके लिये आसान हो जायेगा, HTML ये Hyper-Text Markup Languages का संक्षिप्त रूप है. HTML ये markup symbols का समूह होता है या किसी codes को text editor में write करके World Wide Web(WWW) Browser पर display करना होता है. Markup ये Browser को बताता है कि, Codes के माध्यम से User के लिए कुछ text, links या images display करे, विशिष्ट markup code ये HTML Element(tags) का सन्दर्भ देता है।
HTML को सर टिम बर्नर्स-ली द्वारा 1991 के अंत में बनाया गया था, लेकिन आधिकारिक तौर पर जारी नहीं किया गया था, जो 1995 में HTML 2.0 के रूप में प्रकाशित हुआ था। HTML 4.01 1999 के अंत में प्रकाशित हुआ था और यह HTML का एक प्रमुख संस्करण था।
HTML एक बहुत विकसित मार्कअप भाषा है और विभिन्न संस्करणों को अद्यतन करने के साथ विकसित हुई है. इसके संशोधित मानकों और विशिष्टताओं को किए जाने से बहुत पहले, प्रत्येक संस्करण ने अपने user को बहुत आसान और सुंदर तरीके से वेब पेज बनाने की अनुमति दी है और साइटों को बहुत कुशल बनाया है।
HTML संस्करण
चूंकि HTML का आविष्कार किया गया था, इसलिए बाजार में बहुत सारे HTML संस्करण हैं, HTML संस्करण के बारे में संक्षिप्त परिचय नीचे दिया गया है −
HTML 1.0 – HTML का पहला संस्करण 1.0 था, जो HTML भाषा का नंगे संस्करण था, और इसे in1991 जारी किया गया था।
HTML 2.0 – यह HTML का अगला संस्करण था जो 1995 में जारी किया गया था, और यह वेबसाइट डिजाइन के लिए मानक भाषा संस्करण था। HTML 2.0 अतिरिक्त विशेषताओं जैसे फ़ॉर्म-आधारित फ़ाइल अपलोड, फ़ॉर्म तत्वों जैसे टेक्स्ट बॉक्स, विकल्प बटन, आदि का समर्थन करने में सक्षम था।
HTML 3.2 – इस संस्करण की शुरुआत 1997 में W3C द्वारा HTML 3.2 संस्करण प्रकाशित किया गया था. यह संस्करण तालिका बनाने और फ़ॉर्म तत्वों के लिए अतिरिक्त विकल्पों के लिए सहायता प्रदान करने में सक्षम था. यह जटिल गणितीय समीकरणों के साथ एक वेब पेज का भी समर्थन कर सकता है. यह जनवरी 1997 तक किसी भी ब्राउज़र के लिए एक आधिकारिक मानक बन गया, आज यह व्यावहारिक रूप से अधिकांश ब्राउज़रों द्वारा समर्थित है।
HTML 4.01 – HTML 4.01 संस्करण दिसंबर 1999 को जारी किया गया था, और यह HTML भाषा का एक बहुत ही स्थिर संस्करण है. यह संस्करण वर्तमान आधिकारिक मानक है, और यह स्टाइलशीट (सीएसएस) और विभिन्न मल्टीमीडिया तत्वों के लिए स्क्रिप्टिंग क्षमता के लिए अतिरिक्त समर्थन प्रदान करता है।
HTML5 – HTML5 हाइपरटेक्स्ट मार्कअप भाषा का नवीनतम संस्करण है. इस संस्करण का पहला मसौदा जनवरी 2008 में घोषित किया गया था, दो प्रमुख संगठन हैं एक W3C (वर्ल्ड वाइड वेब कंसोर्टियम), और दूसरा एक WHATWG (वेब हाइपरटेक्स्ट एप्लीकेशन टेक्नोलॉजी वर्किंग ग्रुप) है जो HTML 5 संस्करण के विकास में शामिल है, और फिर भी, यह विकास के अधीन है।
HTML की विशेषताएं
यह बहुत आसान और सरल भाषा है. इसे आसानी से समझा और संशोधित किया जा सकता है।
HTML के साथ एक प्रभावी प्रस्तुति करना बहुत आसान है क्योंकि इसमें बहुत सारे स्वरूपण टैग हैं।
यह एक मार्कअप भाषा है, इसलिए यह पाठ के साथ-साथ वेब पेजों को डिजाइन करने का एक लचीला तरीका प्रदान करता है।
यह प्रोग्रामर को वेब पेजों (html एंकर टैग द्वारा) पर एक लिंक जोड़ने की सुविधा प्रदान करता है, इसलिए यह उपयोगकर्ता के ब्राउज़िंग की रुचि को बढ़ाता है।
यह प्लेटफ़ॉर्म-इंडिपेंडेंट है, क्योंकि इसे किसी भी प्लेटफॉर्म जैसे विंडोज, लिनक्स और मैकिन्टोश आदि पर प्रदर्शित किया जा सकता है।
यह वेब पेज पर ग्राफिक्स, वीडियो और साउंड को जोड़ने के लिए प्रोग्रामर की सुविधा देता है जो इसे और अधिक आकर्षक और इंटरैक्टिव बनाता है।
HTML एक केस-असंवेदनशील भाषा है, जिसका अर्थ है कि हम लो-केस या अपर-केस में टैग का उपयोग कर सकते हैं।
HTML Tags in Hindi
HTML टैग्स को HTML में शामिल छिपे हुए कीवर्ड या कमांड के रूप में माना जा सकता है, जो यह निर्धारित करने की क्षमता रखता है कि आपका ब्राउज़र वेब पेज की सामग्री और प्रारूप को कैसे प्रदर्शित करेगा. HTML के अधिकांश टैग में दो खंड होते हैं: एक उद्घाटन और एक समापन भाग, और किसी भी पाठ के भीतर लिखा होता है, जिसका प्रभाव टैग के काम करने के आधार पर होता है. सबसे आम उदाहरण <html> टैग है, जिसमें शुरुआती टैग और समाप्ति टैग दोनों हैं।
HTML टैग कीवर्ड की तरह होते हैं जो यह परिभाषित करते हैं कि वेब ब्राउज़र कैसे सामग्री को प्रारूपित और प्रदर्शित करेगा, टैग की मदद से, एक वेब ब्राउज़र एक HTML सामग्री और एक साधारण सामग्री के बीच अंतर कर सकता है. HTML टैग में तीन मुख्य भाग होते हैं: टैग खोलना, सामग्री और समापन टैग। लेकिन कुछ HTML टैग्स टैग न किए गए हैं।
जब कोई वेब ब्राउज़र HTML डॉक्यूमेंट को पढ़ता है, तो ब्राउज़र उसे ऊपर से नीचे और बाएँ से दाएँ पढ़ता है. HTML टैग्स का उपयोग HTML दस्तावेज बनाने और उनके गुणों को प्रस्तुत करने के लिए किया जाता है. प्रत्येक HTML टैग में अलग-अलग गुण होते हैं. HTML फ़ाइल में कुछ आवश्यक टैग होने चाहिए ताकि वेब ब्राउज़र एक साधारण पाठ और HTML पाठ के बीच अंतर कर सके, आप अपनी आवश्यकता के अनुसार जितने टैग चाहते हैं, उपयोग कर सकते हैं।
Basic Tags of HTML
html मे basic tags वह tag होते है जो html मे सामान्य रूप से use किये जाते है और हर tags का काम पहले ही define कर दिया गया है बस आपको उन tags का use करना है और उनके बारे मे समझाना है, और HTML के कुछ basic tags निचे दिये जा रहे है.
<html> </html>
जब भी हम html मे coding करना सुरु करते है तो सबसे पहले हमे html tag को ही लिखना पड़ता है क्योकि html tag यह define करता है की इसके निचे लिखी जाने वाली code html language मे लिखी गयी है.
<Head> </Head>
html मे Head tag का use web page का information देने के लिए use किया जाता है, जैसे – web page किस लिए बनाई गयी है या web page पर कौन सा information है उसकी जानकारी देने के लिए हम head tag का use किया जाता है.
<Title> </title>
html मे title tag का use web page का short name देने के लिए किया जाता है, और title हमेसा browser के tab मे दिखाई देता है.
BODY Tag
इस टैग का उपयोग शरीर को देने के लिए किया जाता है, अर्थात्, HTML दस्तावेज़ का दृश्य अनुभाग, सामग्री के सभी स्वरूपण और लेखन इस खंड में <body> और समापन </ body> टैग के भीतर किए गए हैं. यदि आपके HTML कोड के साथ कोई बॉडी टैग नहीं जुड़ा है, तो HTML कोड अभी भी ऊपर दिए गए उदाहरण के अनुसार लिखा जाएगा (केवल शीर्षक बार में शीर्षक दिखाएगा), इस टैग में सूचना और प्रारूपण शामिल है जो वेब पेज के रूप में मुख्य वेब ब्राउज़र में देखा जाएगा।
HTML Attribute in Hindi
HTML विशेषताएँ विशेष शब्द हैं जो तत्वों या विशेषताओं के बारे में अतिरिक्त जानकारी प्रदान करते हैं जो HTML तत्व के संशोधक हैं।
प्रत्येक तत्व या टैग में विशेषताएँ हो सकती हैं, जो उस तत्व के व्यवहार को परिभाषित करती हैं।
विशेषताओं को हमेशा स्टार्ट टैग के साथ लागू किया जाना चाहिए।
गुण हमेशा अपने नाम और मूल्य जोड़ी के साथ लागू किया जाना चाहिए।
विशेषताएँ नाम और मान केस संवेदी हैं, और W3C द्वारा यह सिफारिश की जाती है कि इसे केवल लोअरकेस में लिखा जाए।
आप एक HTML तत्व में कई विशेषताएँ जोड़ सकते हैं, लेकिन दो विशेषताओं के बीच स्थान देने की आवश्यकता है।
एचटीएमएल कैसे सीखें?
HTML को सीखने के लिए सबसे आसान कंप्यूटर भाषाओं में से एक माना जाता है क्योंकि इसका बहुत कुछ मनुष्यों द्वारा पठनीय है. आप एक नियमित पाठ संपादक का उपयोग करके अपने स्वयं के HTML वेब पेज लिखना शुरू कर सकते हैं, लेकिन समर्पित HTML संपादक भी हैं जो शायद बेहतर काम कर सकते हैं।
HTML को ऑनलाइन सीखने के लिए सबसे लोकप्रिय स्थानों में से एक W3Schools है. आप विभिन्न HTML तत्वों के उदाहरणों के टन पा सकते हैं और यहां तक कि उन अवधारणाओं को हाथों से अभ्यास और HTML क्विज़ के साथ लागू कर सकते हैं. स्वरूपण, टिप्पणियाँ, CSS, जावास्क्रिप्ट, फ़ाइल पथ, टैग विशेषताएँ, प्रतीक, रंग, रूप और बहुत कुछ पर जानकारी है।
HTML सीखना बहुत ही आसान है. आप कुछ ही घंटों की ट्रैनिंग से अपना खुद का वेब डॉक्युमेंट बनाने में कामयाब हो जाते है. नीचे हम एचटीएमएल सीखने के अलग-अलग तरीके बता रहे है. जिनके द्वारा आप खुद घर बैठे HTML सीख सकेंगे, ऑनलाइन सीखें, वेब डिजाइनिंग कोर्स जॉइन करें, किताबें खरिदें, ऑफलाइन ट्युटोरिंग लें, यूट्यूब से सीखें
HTML की अवधारणा
हायपरटैक्स्ट मूलभूत रूप से साधारण टैक्स्ट की तरह ही होता हैं। इसे साधारण टैक्स्ट की तरह ही पढ़ा, संचित किया जा सकता हैं, इसके अलावा उसमें नया टैक्स्ट भी जोड़ा जा सकता हैं. हाइपरटैक्स्ट की विशेषता यह हैं कि यह टैक्स्ट में अन्य दस्तावेजों के साथ सम्बन्ध रखता हैं. किसी हाइपरटैक्स्ट सिस्टम में यदि हम माउस से Hypertext को चिन्हित करते हैं तो हमें एक दूसरा डॉक्यूमेन्ट प्राप्त होता हैं. इसी प्रकार इस डॉक्यूमेन्ट में Hypertext किसी अन्य डॉक्यूमेंन्ट से जुड़ा हुआ या सम्बधिन्त हो सकता हैं. यह Hypertext लिंक, हाइपर लिंक कहलाते हैं. इस प्रकार हम हाइपरटैक्स्ट की सहायता से जटिल से जटिल वेब लिंक बना सकते हैं. वेब का सम्पूर्ण कार्य Hypertext पर निर्भर करता हैं. Hypertext से सम्बन्धित एक शब्द है हाइपर मीडिया, हाइपरटैक्स्ट को विभिन्न चित्रों, चलचित्रों, ध्वनियों से भी जोड़ता हैं. दूसरे शब्दों में हम कह सकते हैं कि हाइपर मीडिया हाइपरटैक्स्ट को मल्टी मीडिया से जोड़ता हैं।
HTML वेब की मुख्य मार्कअप भाषा है. यह प्रत्येक ब्राउज़र में मूल रूप से चलता है और इसे वर्ल्ड वाइड वेब कंसोर्टियम द्वारा बनाए रखा जाता है. आप वेबसाइटों और वेब अनुप्रयोगों की सामग्री संरचना बनाने के लिए इसका उपयोग कर सकते हैं. यह फ्रंटएंड प्रौद्योगिकियों का सबसे निचला स्तर है, जो स्टाइलिंग के लिए आधार के रूप में कार्य करता है जिसे आप CSS और कार्यक्षमता के साथ जोड़ सकते हैं जिसे आप जावास्क्रिप्ट का उपयोग करके कार्यान्वित कर सकते हैं।