HTML kya hai और 2024 में इसे सीखने के होने वाले फायदे

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

html kya hai इस भाषा का उपयोग टेक्स्ट को एनोटेट करने के लिए किया जाता है ताकि मशीनें इसे समझ सकें और तदनुसार हेरफेर कर सकें। HTML मानव-पठनीय है और टेक्स्ट पर क्या हेरफेर किया जाना है, यह परिभाषित करने के लिए टैग का उपयोग करता है। यह मार्गदर्शिका आपको HTML के कामकाज को समझने और उदाहरणों के साथ इसे समझाने में मदद करेगी।

HTML kya hai

HTML का मतलब हाइपरटेक्स्ट मार्कअप लैंग्वेज है और इसका इस्तेमाल वेबपेज बनाने के लिए किया जाता है। यह वेब पेज की संरचना और स्वरूपण का वर्णन करने के लिए HTML टैग और विशेषताओं का उपयोग करता है।

HTML में कई तत्व होते हैं, जो सर्च इंजन को यह बताने के लिए जिम्मेदार होते हैं कि पेज की सामग्री को कैसे प्रदर्शित किया जाए। उदाहरण के लिए, शीर्षक, सूचियाँ, चित्र, लिंक, और बहुत कुछ।

HTML kya hai और HTML उदाहरण

एचटीएमएल<!DOCTYPE html> <html> <head> <title>First HTML Code</title> </head> <body> <h2>Welcome To GFG</h2> <p>Hello Geeks</p> </body> </html>

HTML की विशेषताएं

  • इसे सीखना और प्रयोग करना आसान है।
  • यह प्लेटफॉर्म-स्वतंत्र है।
  • किसी वेब पेज पर चित्र, वीडियो और ऑडियो जोड़े जा सकते हैं।
  • हाइपरटेक्स्ट को पाठ में जोड़ा जा सकता है।
  • यह एक मार्कअप भाषा है.

HTML तत्व और टैग

HTML पूर्वनिर्धारित टैग और तत्वों का उपयोग करता है जो ब्राउज़र को निर्देश देते हैं कि सामग्री को कैसे प्रदर्शित किया जाए। HTML तत्वों में एक ओपनिंग टैग, कुछ सामग्री और एक समापन टैग शामिल होता है। समापन टैग शामिल करना याद रखना महत्वपूर्ण है। यदि छोड़ा जाता है, तो ब्राउज़र पृष्ठ के अंत तक उद्घाटन टैग के प्रभाव को लागू करता है।

यह अनुभाग HTML पृष्ठ की मूल संरचना पर प्रकाश डालेगा, जिसमें आवश्यक बिल्डिंग-ब्लॉक तत्व जैसे डॉकटाइप घोषणा, HTML, हेड, शीर्षक और बॉडी तत्व शामिल हैं।

HTML पृष्ठ संरचना

HTML पेज की मूल संरचना नीचे दर्शाई गई है। इसमें आवश्यक बिल्डिंग-ब्लॉक तत्व (यानी डॉकटाइप घोषणा, HTML, हेड, शीर्षक और बॉडी तत्व) शामिल हैं, जिन पर सभी वेब पेज बनाए जाते हैं।

HTML पृष्ठ संरचना
  • <!DOCTYPE html> – यह दस्तावेज़ प्रकार की घोषणा है (तकनीकी रूप से टैग नहीं)। यह दस्तावेज़ को HTML दस्तावेज़ के रूप में घोषित करता है। doctype घोषणा केस-सेंसिटिव नहीं है।
  • <html> – इसे HTML रूट एलिमेंट कहा जाता है। अन्य सभी एलिमेंट इसके अंदर समाहित होते हैं।
  • <head> – हेड टैग में वेबपेज के लिए “पर्दे के पीछे” तत्व शामिल होते हैं। हेड के अंदर के तत्व वेबपेज के फ्रंट एंड पर दिखाई नहीं देते हैं। <head> तत्व के अंदर इस्तेमाल किए जाने वाले HTML तत्वों में शामिल हैं: 
  • <style> – यह HTML टैग हमें अपने वेब पेजों में स्टाइलिंग डालने और CSS की मदद से उन्हें देखने में आकर्षक बनाने की अनुमति देता है।
  • <title> – शीर्षक वह है जो आपके ब्राउज़र के शीर्ष पर प्रदर्शित होता है जब आप किसी वेबसाइट पर जाते हैं और इसमें उस वेबपेज का शीर्षक होता है जिसे आप देख रहे हैं।
  • <base> – यह किसी दस्तावेज़ में सभी सापेक्ष URL के लिए आधार URL निर्दिष्ट करता है।
  • <noscript> – HTML का एक भाग परिभाषित करता है जो उपयोगकर्ता के ब्राउज़र में स्क्रिप्टिंग बंद होने पर डाला जाता है।
  • <script> – इस टैग का उपयोग जावास्क्रिप्ट की मदद से वेबसाइट में कार्यक्षमता जोड़ने के लिए किया जाता है।
  • <meta> – यह टैग वेबसाइट के मेटाडेटा को संलग्न करता है जिसे हर बार वेबसाइट पर जाने पर लोड किया जाना चाहिए। उदाहरण के लिए:- मेटाडेटा वर्णसेट आपको अपनी वेबसाइट पर मानक UTF-8 एन्कोडिंग का उपयोग करने की अनुमति देता है। यह बदले में उपयोगकर्ताओं को आपकी वेबपृष्ठ को उनकी पसंद की भाषा में देखने की अनुमति देता है। यह एक स्व-बंद टैग है।
  • <link> – ‘link’ टैग का उपयोग HTML, CSS और JavaScript को एक साथ जोड़ने के लिए किया जाता है। यह स्व-बंद करने वाला है।
  • <body> – बॉडी टैग का उपयोग वेबपेज की सभी दृश्यमान सामग्री को संलग्न करने के लिए किया जाता है। दूसरे शब्दों में, बॉडी सामग्री वह है जो ब्राउज़र फ्रंट एंड पर दिखाएगा।

HTML टेक्स्ट एडिटर का उपयोग करके HTML दस्तावेज़ बनाया जा सकता है । “ .html” या “ .htm” एक्सटेंशन का उपयोग करके टेक्स्ट फ़ाइल को सेव करें । HTML दस्तावेज़ के रूप में सहेजे जाने के बाद, फ़ाइल को ब्राउज़र में वेबपेज के रूप में खोला जा सकता है।

नोट: बेसिक/बिल्ट-इन टेक्स्ट एडिटर नोटपैड (विंडोज) और टेक्स्टएडिट (मैकओएस) हैं । अन्य उन्नत टेक्स्ट एडिटर में सबलाइम टेक्स्ट, विजुअल स्टूडियो कोड, फ्रोला आदि शामिल हैं।

उदाहरण

यह उदाहरण HTML कोड की मूल संरचना को दर्शाता है। एचटीएमएल<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--The above meta characteristics make a website compatible with different devices. --> <title>Demo Web Page</title> </head> <body> <h1>GeeksforGeeks</h1> <p>A computer science portal for geeks</p> </body> </html>

आउटपुट:

वेब ब्राउज़र्स

अन्य प्रोग्रामिंग भाषाओं के विपरीत, HTML कम्पाइलर पर आउटपुट नहीं दिखाता है।

वेब ब्राउज़र HTML कोड के परिणाम दिखाते हैं। यह HTML फ़ाइलों को पढ़ता है और HTML टैग की मदद से यह निर्धारित करता है कि सामग्री को कैसे दिखाया जाए।

किसी भी वेब ब्राउज़र ( गूगल, सफारी, मोज़िला फ़ायरफ़ॉक्स , आदि) का उपयोग . HTML फ़ाइल को खोलने और परिणाम देखने के लिए किया जा सकता है।

HTML क्यों सीखें?

  • यह एक सरल मार्कअप भाषा है। इसका कार्यान्वयन आसान है।
  • इसका उपयोग वेबसाइट बनाने के लिए किया जाता है।
  • वेब प्रोग्रामिंग के बारे में बुनियादी बातें विकसित करने में मदद करता है।
  • पेशेवर कैरियर को बढ़ावा दें.

HTML इतिहास

HTML एक मार्कअप भाषा है जिसका उपयोग ब्राउज़र द्वारा टेक्स्ट, छवियों और अन्य सामग्री में हेरफेर करने के लिए किया जाता है, ताकि इसे आवश्यक प्रारूप में प्रदर्शित किया जा सके। HTML को 1991 में टिम बर्नर्स-ली ने बनाया था । HTML का पहला संस्करण HTML 1.0 था , लेकिन पहला मानक संस्करण HTML 2.0 था , जिसे 1995 में प्रकाशित किया गया था।

वर्तमान में, हम HTML5 का उपयोग कर रहे हैं , जो HTML का नवीनतम और सबसे नया संस्करण है।

HTML के लाभ

  • HTML का उपयोग वेबसाइट बनाने के लिए किया जाता है।
  • यह सभी ब्राउज़रों द्वारा समर्थित है।
  • इसे अन्य भाषाओं जैसे सीएसएस , जावास्क्रिप्ट आदि के साथ एकीकृत किया जा सकता है।

HTML के नुकसान

  • HTML केवल स्थिर वेब पेज ही बना सकता है। गतिशील वेब पेजों के लिए, अन्य भाषाओं का उपयोग करना पड़ता है।
  • एक सरल वेब पेज बनाने के लिए बड़ी मात्रा में कोड लिखना पड़ता है।
  • सुरक्षा सुविधा अच्छी नहीं है.

निष्कर्ष

निष्कर्ष में, HTML में महारत हासिल करना आपकी वेब डेवलपमेंट यात्रा में एक बुनियादी कदम है। यह गाइड HTML को समझने के लिए एक व्यापक संसाधन के रूप में कार्य करता है, मूल बातों से लेकर अधिक उन्नत विषयों तक। याद रखें, HTML सिर्फ़ एक मार्कअप भाषा से कहीं ज़्यादा है – यह आकर्षक, सुलभ और SEO-अनुकूल वेबसाइट बनाने के लिए एक शक्तिशाली उपकरण है।

HTML के बारे में अधिक जानने के लिए, HTML ट्यूटोरियल पेज पर जाएँ।

HTML परिचय के बारे में अक्सर पूछे जाने वाले प्रश्न

HTML की मूल बातें क्या हैं?

HTML मूल बातों में HTML फ़ाइल के वाक्यविन्यास, तत्व/टैग, विशेषताएँ, संरचना और स्वरूपण को समझना शामिल है।

HTML के 5 उपयोग क्या हैं?

HTML के 5 प्रमुख उपयोग हैं:

  • वेब पेज बनाना.
  • CSS और जावास्क्रिप्ट को एकीकृत करना
  • वेब सामग्री तक पहुँचना
  • सिमेंटिक मार्कअप
  • क्रॉस-प्लेटफ़ॉर्म संगतता

HTML सिंटैक्स क्या है?

HTML सिंटैक्स का अर्थ है नियमों और विनियमन का वह समूह जो परिभाषित करता है कि HTML कोड की संरचना और लेखन कैसे किया जाए।

HTML की मुख्य अवधारणा क्या है?

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

Leave a Comment

How to Join WhatsApp After BCA: A Comprehensive Guide Master C Language in 6 Months: 15 Hidden Facts That Will Amaze You!