HTML Introduction
आज, मैं एक Resource बनाने के लिए यह Tutorial लिख रहा हूं जो आपको 30 दिनों से कम
समय में HTML
सीखने में सहायता करेगा। आपकी शैक्षिक पृष्ठभूमि के आधार पर HTML सीखने के लिए Timeline यहां दी गई है:
ü
हाई स्कूल के छात्र: 25 दिन में
ü
हाई स्कूल से आगे: 20 दिन में
ü
कॉलेज के छात्र और उससे ऊपर: 10-20 दिन में
आप सोच रहे होंगे कि मैं इन समयसीमाओं पर चर्चा क्यों कर
रहा हूं। इससे पहले कि आप मेरे साथ HTML सीखने की अपनी यात्रा शुरू करें, मेरे लिए
अपेक्षाएँ निर्धारित करना महत्वपूर्ण है।
मेरा नाम Suraj है|
आज मैं आप सभी के लिए यह व्यापक HTML Tutorial लिख रहा हूं। आइए सीधे HTML शुरू करते है!
HTML
क्या है? (What is HTML?)
HTML
(HyperText Markup Language) को 1991 में टिम
बर्नर्स-ली द्वारा Web Pages बनाने के लिए एक Standard के रूप में बनाया गया था। यह एक Markup
Language है जिसका उपयोग Web पर सामग्री की संरचना करने, Headings, Paragraphs, Links, और Images. जैसे Element को परिभाषित करने के लिए किया जाता है। HTML Web सामग्री
की Backbone है। HTML एक Website के ढांचे की तरह है। यह Instruction का एक set है जो Web Browser को बताता है कि Web Page पर Text, Image, Video और Other Element
को कैसे प्रदर्शित किया जाए। इसे बिल्डिंग ब्लॉक्स के रूप में सोचें जाए तो एक Website की संरचना और स्वरूप बनाते हैं, उसी तरह जैसे घर बनाने के लिए ईंटों और मोर्टार
का प्रयोग किया जाता है।
Ø HTML Web की भाषा है, जिसका प्रयोग Website बनाने के लिए किया जाता है।
Ø
HTML उन Web Page की संरचना या Layout को परिभाषित करता है जिन्हें हम Internet पर देखते
हैं।
Ø
HTML दस्तावेज़ में Tags का एक Set होता है, और संबंधित फ़ाइलों में आमतौर पर ".html" या ".htm" extension होता है।
Ø
HTML के कई Version हैं, HTML5 सबसे नवीनतम Version है।
HTML
की विशेषताएँ (Features of HTML)
Ø
यह प्लेटफ़ॉर्म-स्वतंत्र है. उदाहरण के लिए, Chrome Mac, Linux और Windows जैसे विभिन्न Operating System पर Same Page प्रदर्शित करता है।
Ø
Images, Video और Audio को एक Web
Page पर जोड़ा जा सकता है (उदाहरण के लिए - Youtube अपनी वेबसाइट पर Video दिखाता है)
Ø
HTML एक Markup Language है न कि Programming
language है|
Ø
Interactive Web Page दिखाने के लिए इसे CSS, JavaScript आदि जैसी अन्य भाषाओं के साथ
एकीकृत किया जा सकता है
HyperText और Markup Language शब्द क्यों? (Why the
Term HyperText & Markup Language?)
‘HyperText
Markup Language’ शब्द दो मुख्य शब्दों से बना है: 'HyperText' और 'Markup Language' 'HyperText' को अन्य
दस्तावेजों के साथ जोड़ने को संदर्भित करता है, जबकि 'Markup Language' एक ऐसी भाषा को दर्शाता है जो Tag के एक विशिष्ट Set का प्रयोग करती है।
इस प्रकार, HTML विशेष Tag का प्रयोग करके Text, Graphics, Audio, Video आदि को
एक निश्चित तरीके से प्रदर्शित करने का अभ्यास है।
नोट: Tag Angle Braces में संलग्न meaningful texts हैं, जैसे '<...>'। उदाहरण के लिए, '<head>' Tag. HTML
Page बनाने में Every Tag का एक Unique अर्थ और महत्व होता है, और यह Web Page को विभिन्न तरीकों से
प्रभावित कर सकता है।
Quick Exercise:
अपनी पसंद का एक Web Page खोलें, Browser पर Right Click करें, और ‘View Page Source' चुनें, और फिर आपको उस Page के लिए HTML Code दिखाई देगा।
यह वह Code है जिसे Server ने आपके द्वारा वर्तमान में देखे जा रहे Page को
प्रदर्शित करने के लिए भेजा है। इस Tutorial में, हम सीखेंगे कि HTML का प्रयोग करके
इस प्रकार का Code कैसे लिखा जाता है।
HTML, CSS और JavaScript को समझने के लिए एक सुंदर सादृश्य:
एक Web Page बनाते समय, HTML, CSS और JavaScript को कार के
विभिन्न भागों के रूप में सोचें। HTML कार के कंकाल की तरह है, जो Structure और Frame बनाता है। CSS Paint और Finishing Touches जोड़ता है, जिससे कार Colour, Style और Design के साथ आकर्षक दिखती है। JavaScript Engine और Mechanical Parts के समान है, जो कार को
कार्यक्षमता, गति और Interactive सुविधाओं से भर देता है। इसी तरह, एक Website विकसित करते समय, HTML Structure तैयार करता है, CSS इसकी Visual Appeal को बढ़ाता है, और JavaScript Ineractivity और Dynamic Content प्रदान करता है|
HTML का इतिहास
(History of HTML)
Ø
1989 में टिम बर्नर्स-ली ने World Wide Web (www)
की स्थापना की और 1991 में उन्होंने HTML का Frist Version बनाया।
Ø
1995 से 1997 तक HTML के विभिन्न Versions को
विकसित और Develop करने के लिए और काम किया गया।
Ø
1999 में, एक समिति का आयोजन किया गया जिसने HTML 4.0 को standardized किया, एक Version जो आज भी कई लोगों द्वारा प्रयोग
किया जाता है।
Ø
HTML का नवीनतम और सबसे स्थिर Version 5 है, जिसे HTML5 के नाम से भी जाना जाता है।
यहां HTML Wikipedia Page पर HTML का अधिक इतिहास
पढ़ने के लिए स्वतंत्र महसूस करें, लेकिन मैं आगे बढ़ूंगा और HTML के महत्वपूर्ण
पहलुओं को Cover करूंगा।
अगले Tutorial में, हम अपनी यात्रा
जारी रखेंगे और समझेंगे कि Website कैसे काम करती हैं|
एक टिप्पणी भेजें