इस आर्टिकल में हम बात कर रहे हैं के बारे में "HTMLक्या है? HTML in Hindi" Internet पर कई बार आपने के बारे में अवश्य पढ़ा होगा या सुना होगा। अगर आप Internet चलाते हैं तो आपको HTML के बारे में अवश्य जानना और समझना चाहिए।
HTML क्या है? HTML in Hindi


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

    HTML क्या है? HTML in Hindi

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

    HTML बाकी प्रोग्रामिंग Languages की तुलना में काफी सरल है जो कोई भी व्यक्ति बड़ी सरलता से सीख सकता है,HTML एक Independent लैंग्वेज है जो हर Platform पर Run हो सकती है जैसे~ Windows, LINUX, MAC

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



    HTML का पुरा नाम (Full Form of HTML)

    HTML का पूरा नाम "Hyper Text Markup Language"होता है। HTML जाने से प्रथम वेबसाइट डिजाइनिंग से संबंधित कुछ चीजों के बारे में जानना काफी आवश्यक है। तो चलिए जानते हैं HTML से जुड़ी कुछ मुख्य चीजों के बारे में।

    Website क्या होती है?

    यह वह भेजो का एक ग्रुप होता है भिन्न-भिन्न Web Page बनाकर उन्हें एक साथ जोड़ें जाते हैं उसे ही वेबसाइट कहते हैं। हर वेबसाइट का एक मुख्य पेज होता है जो की वेबसाइट का Home Page होता है Home Page से सभी पेज जुड़े होते हैं।

    Home Page क्या होता है?

    यह वेबसाइट का मुख्य पृष्ठ होता है जिसे Default Page या Index Page भी कहा जाता है। इसे सभी पेज Hyperlinks से जुड़े हुए होते हैं जब कोई भी व्यक्ति वेबसाइट खोलता है। तब उसे Home Page दिखाई देता है। Home Page से ही दूसरे पेज के लिंक दिए हुए होते हैं। जहां से यूजर दूसरे पेज पर जा सकता है।

    Link (Hyperlink) क्या होती है?

    यह वेब डॉक्यूमेंट में एक ऐसा तत्व होता है जो एक पेज को दूसरे पेज से लिंक की सहायता से जोड़ता है यूजर एक पेज से दूसरे पेज में जाने के लिए या किसी WebPage में किसी एक स्थान से दूसरे स्थान पर जाने के लिए Hyperlink का प्रयोग करते हैं।

    World Wide Web क्या होता है?

    World Wide Web प्रथम बार 1991 में आया था जिसे हम World Wide Web कहते हैं। यह यह इंटरनेट सर्वर सिस्टम होता है जो विशेष Format Document को सपोर्ट करता है
     विशेष Format Document अर्थ Script Documents जैसे - HTML

    World Wide Web की विशेष बात यह है कि यह Hypertext को सपोर्ट करता है। Hypertext एक तरीका होता है जो अन्य डॉक्यूमेंट को जोड सकता है, साथी साथ ऑडियो वीडियो और ग्राफिक्स को भी।

    HTTP क्या होता है?

    HTTP का पूरा नाम Hyper Text Transfer Protocol होता है। यह एक ऐसा तत्व है जो इंटरनेट की मदद से दुनिया भर के लोगों को जानकारी एक्सचेंज करने की अनुमति देता है HTTP Web Server और Browser को कम्युनिकेट करने की अनुमति देता है।

    URL क्या होता है?

    URL का पूरा नाम Uniform Resource Locator होता है। इंटरनेट पर कोई भी वेबसाइट एक्सचेंज करने के लिए URL कहां प्रयोग किया जाता है। हर वेबसाइट का एक विशेष URL होता है। URL ट्रांसफर प्रोटोकॉल के बारे में जानकारी दर्शाता है। अधिकतर HTTP यह सबसे अधिक प्रयोग किया जाने वाला प्रोटोकॉल है।

    Web Browser क्या होता है?

    वेब Browser एक ऐसा माध्यम है जिसमें इंटरनेट पर उपलब्ध भिन्न भिन्न प्रकार की वेबसाइट Run हो सकती है।

    कुछ प्रसिद्ध वेब Browser यह है - Internet Explorer, Google Chrome, Firefox, Opera, Apple Safari,Netspace, Mozilla

    ऊपर दी गई HTML के बारे में कुछ सामान्य चीजें हैं जो आपको पता होना बहुत आवश्यक है।

    HTML Tags क्या होते है?

    जैसे कि हमने आप को आरंभ ने बताया कि HTML एक मार्कअप लैंग्वेज है। तो यह लैंग्वेज Tags से बनी हुई होती है। HTML मे भिन्न-भिन्न प्रकार के मार्कअप Tags होते हैं जिन्हें हम HTML Tags कहते हैं।

    जानिए HTML Tags के बारे में कुछ सामान्य बातें~
    • HTML Tags एंगल ब्रैकेट से बने हुए होते हैं जिसके अंदर की कीवर्ड होता है जैसे <HTML>
    • HTML Tags जोड़े के साथ आते हैं जैसे~ <p> और </p>
    • जो भी Tag शुरू होता है, उसका End भी होता है जैसे~ <b> और </b>
    • Tag को समाप्त करने के लिए एंजल ब्रैकेट में कीवर्ड स्लैश </> लगाना होता है।

    Start और End Tags को Starting Tags व Ending Tags भी कहा जाता है।
    <tag name> Content </tag name>

         
    Opening Tag Closing Tag Description
    <!DOCTYPE> none <!DOCTYPE> यह Web Browser के लिए एक निर्देश होता है कि किस HTML वर्जन ने पेज को लिखा गया है।
    <HTML> </HTML> इन यह निर्दिष्ट सकता है कि डॉक्यूमेंट को HTML डॉक्यूमेंट के रूप में बाधित किया जाना चाहिए। यह टैग या तो HTML डॉक्यूमेंट में पहली पंक्ति होनी चाहिए नहीं तो <!DOCTYPE> के बाद में।
    <HEAD> </HEAD> उस क्षेत्र को निर्दिष्ट करता है जहां Browser दस्तावेज के रूप में बेसिक जानकारी के लिए देख सकते हैं इसके लिए न्यूनतम <TITLE> Tag की जरूरत होती है।
    <TITLE> </TITLE> यह Browser के Header Text के लिए प्रयोग किए जाने वाले Title को निर्दिष्ट करता है सर्च ईंजन कीवर्ड Indexing के लिए इस Text का प्रयोग करते हैं और Browser इसका प्रयोग आपके नाम को Bookmark करने के लिए करेगा। जब कोई User आपके Website को Bookmark करेगा तब उसे वही Text दिखेगा जो आपको Title टैग में डाला है। यह Tag <HEAD> और </HEAD> टैग्स के बीच होती है।
    <BODY> </BODY> यह उस जानकारी को दर्शाता है जो Browser के विंडो पर शो होने वाली है। यह अपने आप में एक ऐसा Document है जो Web Document के बारे में जानकारी दर्शाता है।
    <!--comment goes here--> none यह टैग उस Text को छुपाता है जो आपको Browser में नहीं दिखाना है। कुछ Browser इस Tag को सपोर्ट करते हैं।

    यह HTML के कुछ सामान्य टैग्स हैं जिनकी मदद से आप एक सामान्य वाला वेबपेज बना सकते हैं, हमने एक सामान्य वेब पेज बनाया है जिसका कोड नीचे दिया हुआ है। आप देख सकते हैं की किस तरह से टैग्स काम कर रहे हैं, प्रोग्राम का Structure कैसा है, आप इसे देखें और HTML कोड करने की कोशिश जरूर करें।
    <TITLE> </TITLE> यह Browser के Header Text के लिए प्रयोग किए जाने वाले Title को निर्दिष्ट करता है सर्च ईंजन कीवर्ड Indexing के लिए इस Text का प्रयोग करते हैं और Browser इसका प्रयोग आपके नाम को Bookmark करने के लिए करेगा। जब कोई User आपके Website को Bookmark करेगा तब उसे वही Text दिखेगा जो आपको Title टैग में डाला है। यह Tag <HEAD> और </HEAD> टैग्स के बीच होती है।


    <BODY> </BODY> यह उस जानकारी को दर्शाता है जो Browser के विंडो पर शो होने वाली है। यह अपने आप में एक ऐसा Document है जो Web Document के बारे में जानकारी दर्शाता है। <!--comment goes here-->
    यह HTML के कुछ सामान्य टैग्स हैं जिनकी मदद से आप एक सामान्य वाला वेबपेज बना सकते हैं, हमने एक सामान्य वेब पेज बनाया है जिसका कोड नीचे दिया हुआ है। आप देख सकते हैं की किस तरह से टैग्स काम कर रहे हैं, प्रोग्राम का Structure कैसा है, आप इसे देखें और HTML कोड करने की कोशिश जरूर करें।

    HTML लिखना कैसे शुरू करें?

    यहां पर आपने के बारे में कुछ सामान्य चीजें आपने अच्छे से जान ली होगी। अब हम इस सामान्य मे HTML Totorial जानेंगे कि कैसे आप HTML लिखना आरंभ कर सकते हैं, HTML प्रोग्राम आप कहां लिखेंगे? HTML कैसे करें? HTML टैग्स क्या होते हैं? इन विषय पर हम बात करेंगे।


    HTML कहां लिखें?

    अक्सर HTML प्रोफेशनल HTML एडिटर में लिखी जाती है जैसे~

    • Coffee Cup HTML Editor
    • Adobe Dreamweaver
    • Microsoft Expression Web

    लेकिन HTML सीखने के लिए हम आपको Text Editor प्रयोग करने की सलाह देंगे जैसे~ Text Editor (Mac.), Notepad(PC) । क्योंकि एक Simple Text Editor, HTML सीखने का बहुत अच्छा माध्यम है।

    Notepad का प्रयोग करके आप का प्रथम HTML Page बनाने के लिए नीचे वाली 4 Steps को अच्छे से फॉलो करें~

    Step-1: Notpad शुरू करें

    HTML प्रोग्राम लिखने के लिए आपको सबसे प्रथम नोटपैड Editor आपके डिवाइस में Open कर लेना है।

    Notepad शुरू करने के लिए~
    1. Start पर Click करें
    2. सभी प्रोग्राम Open करें
    3. Accessories पर जाएं
    4. नोटपैंड Open करें

    Step-2: Notepad में आपका प्रथम HTML प्रोग्राम लिखें

    अपना प्रथम HTML प्रोग्राम, Notepad विंडो में लिखना शुरू करें

    Step-3: आपका HTML प्रोग्राम Save करें

    HTML प्रोग्राम लिखने के बाद Save करें। Save करने के लिए Notepad File के Menu में जाकर Save के Option को चुन सकते हैं या आप CTR+S क्लिक करके Direct Save कर सकते हैं।

    HTML File को Save करते समय आपको एक चीज का हमेशा ध्यान रखें कि आप जब भी फाइल Save करें तब .html Extension के साथ Save करें।

    अगर आप किसी ओर Extension के साथ आपकी HTML फाइल Save करेंगे जैसे .xml तब आपका प्रोग्राम Run नहीं करेगा।

    हमें अपना प्रोग्राम इंटरनेट ब्राउजर में Run करना है तो हमने अपना प्रोग्राम .html एक्सटेंशन के साथ ही Save करना होगा।

    Step-4: अपने ब्राउज़र में HTML फाइल Run करें

    जो HTML फाइल हमने .html Extension के साथ Save की थी उस पर दो बार क्लिक करें। जैसे ही आप उस फाइल पर दो बार क्लिक करते हैं तो तब वह फाइल आपके वेब ब्राउज़र में Open हो जाएगी।

    आपके HTML फाइल का आपको वेब ब्राउज़र में आता है। आप HTML के भिन्न-भिन्न Tags प्रयोग करके बहुत अच्छी तरह से वेब पेज बना सकते हैं।

    यहां पर हमने Demo के लिए एक सामान्य HTML Script लिखी है आप अपने मुताबिक भिन्न-भिन्न वेब पेज बनाने की कोशिश कर सकते हैं।

    अंतिम शब्द (Conclusion)

    दोस्तों तो इस आर्टिकल में हमने सीखा की HTML क्या है ? और HTML tags के बारे में और सामान्य html वेब पेज designing के बारे में . दोस्तों मैं आशा करता हूं आपको HTML के बारे में यह जानकारी अच्छी लगी होगी . अगर आपको HTML के बारे में अभी भी कोई प्रश्न है तो Comment में अवश्य पूछे।

    Post a Comment

    और नया पुराने