टेबल ऑफ़ कंटेंट
- Html kya hai?
- एचटीएमएल एलिमेंट किसे कहते है?
- कैसे काम करता है?
- इतिहास?
- features?
- एचटीएमएल और एचटीएमएल5?
- फायदें और नुकसान?
- सीएसएस और जावा स्क्रिप्ट?
आज हम जानेंगे के एचटीएमएल क्या है, एचटीएमएल कैसे काम करता है, एचटीएमएल एलिमेंट किसे कहते है, एचटीएमएल के उधारण, फीचर और इतिहास क्या है? इन सारे सवालों का जवाब आपको इस आर्टिकल मे मिलेगा इस लिए आर्टिकल को आखिर तक ज़रूर पढ़े, चलिए देखते है html kya hai.
एचटीएमएल क्या है?
Hyper Text Markup Language (HTML), कि मदद से वेब यूजर पैराग्राफ्स, लिंकस और अलग अलग स्ट्रक्चर के सेक्शन बनाते है टैग्स, एलिमेंट और एट्रिब्यूटस के ज़रिये, लेकिन एचटीएमएल को प्रोग्रामिंग लैंग्वेज मे कंसीडर नहीं किया जाता है,
- एचटीएमएल एक स्टैण्डर्ड मार्कअप लैंग्वेज है जो वेब पेजेज को बनाने मे इस्तेमाल किया जाता है.
- एचटीएमएल मार्कअप लैंग्वेज से अत्त्रक्टिव (attractive) वेब पेजेज को बनाया जाता है, स्टाइल तैयार किया जाता है और अच्चा फॉर्मेट मिलता है वेब पेजेज को,
- एचटीएमएल का फुल फॉर्म है हाइपर टेक्स्ट मार्कअप लैंग्वेज (Hyper Text Markup Language),
- एचटीएमएल से वेब पेज का स्ट्रक्चर तैयार होता है,
- एचटीएमएल को बहुत सारे एचटीएमएल टैग्स को मिलकर बनाया गया है और हर एचटीएमएल टैग्स मे अलग कंटेंट होता है,
- एचटीएमएल मे एलिमेंट के सीरीज होते है ये एलिमेंट ब्राउज़र को बताते है के कंटेंट कैसे दिखना चाहिए,
- एचटीएमएल के एलिमेंटस कंटेंट को लेबल मे बाटते है जैसे ‘ये हैडिंग है’, ‘ये लिंक है’, ‘ये पराग्राफ है’, आदि. अब आपको पता चलगया होगा के एचटीएमएल क्या है.
एचटीएमएल कहाँ इस्तेमाल होता है?
- वेब डेवलपमेंट: डेवलपर एचटीएमएल कोड कि मदद से ब्राउज़र मे दिखने वाले वेब पेजेज के एलिमेंट को डिजाईन करते है जैसे हाइपरलिंकस, मीडिया फाइल्स और टेक्स्ट,
- वेब डॉक्यूमेंटेशन: एचटीएमएल कि मदद से हम डॉक्यूमेंट को फॉर्मेट करसकते है ओर्गानिज़ करसकते है जैसे माइक्रोसॉफ्ट वर्ड करता है,
- इंटरनेट नेविगेशन: यूजर एचटीएमएल के वजह से इंटरनेट पर नेविगेट करते है कियोंकि इसके ज़रिये वेबसाईट पर रिलेटेड पेज के लिंक डाले होते है और हाइपर लिंकस को एम्बेड करने के लिए भि एचटीएमएल का बहुत इस्तेमाल होता है,
एचटीएमएल को वेब स्टैण्डर्ड माना जाता है, वर्ल्ड वाइड वेब कंसोर्टियम (w3C) के दुअरा डेवेलोप और मेन्टेन करता है और रेगुलर अपडेट भि देता है, इस आर्टिकल मे आप एचटीएमएल कि बेसिक जानकारी को जानेंगे के एचटीएमएल क्या है? आदि.
एचटीएमएल एलिमेंट किसे कहते है?
चटीएमएल एलिमेंट यानि वो ज्सिमे ‘शुरू का एक टैग’ होता है फिर ‘कंटेंट’ होता है और आखिर मे एक ‘एंड टैग’ होता है, जैसे
<टैगनेम>कंटेंट यहाँ होगा</टैगनेम>
<tagname>content…</tagname> एचटीएमएल एलिमेंट यानि वो सब जो स्टार्ट टैग से एंड टैग तक होता है, कुछ एचटीएमएल एलिमेंटस मे कंटेंट नहीं होता जैसे <बीआर> (<br>), इन एलिमेंटस को एम्प्टी एलिमेंट कहा जाता है और एम्प्टी एलिमेंट मे एंड टैग नहीं होते.
HTML के आसान उधारण?
<!DOCTYPE html>
<html>
<head>
<title>वेब पेज टाइटल</title>
</head>
<body>
<h1>पहली हैडिंग</h1>
<p>पहला पैराग्राफ</p>
</body>
</html><!DOCTYPE>: इससे डॉक्यूमेंट का टाइप पता चलता है और एचटीएमएल का कौनसा वर्शन है ये ब्राउज़र को पता चलता है.
<html>: इस टैग कि वजह से ब्राउज़र को पता चलता है के ये एचटीएमएल डॉक्यूमेंट है, ये टैग दुसरे सारे एलिमेंट के लिए कंटेनर होता है सिर्फ <!डॉक्टाइप> को छोड़कर.
<head>: इस टैग को <एचटीएमएल > टैग होने के जस्ट बाद होना चाहिए इसमें डॉक्यूमेंट का मेटा डाटा होता है और <बॉडी> टैग शुरू होने से पहले इसे क्लोज करना चाहिए.
<title>: जैसे इसके नाम से पता चलरहा है के इसमें वेब पेज का टाइटल होता है जो सबसे ऊपर दिखता है, इस टैग को हेड टैग के अन्दर होना चाहिए,
<body>: बॉडी टैग मे जो टेक्स्ट होता है उसे मैंन कंटेंट कहा जाता है एचटीएमएल डॉक्यूमेंट का,
<h1>: हैडिंग के लेवल होते है जिन्हें हैडिंग1, हैडिंग2, हैडिंग3, आदि कहते है, इस टैग मे हैडिंग कि फर्स्ट लेवल होती है,
<p>: इस टैग के बीच के टेक्स्ट को पैराग्राफ माना जाता है वेबपेज का, एचटीएमएल मे जबभी पैराग्राफ लिखना होता है तो इस टैग का इस्तेमाल करना होता है,
एचटीएमएल कैसे काम करता है?
एवरेज वेबसाइट मे अलग अलग एचटीएमएल पेजेज होते है जैसे होम पेज, अबाउट पेज, कांटेक्ट पेज, आदि इन सब के लिए एक अलग एचटीएमएल फाइल होती है, एचटीएमएल डॉक्यूमेंट यानि वो फाइलस जो एचटीएमएल या एचटीएम एक्सटेंशन से ख़तम होता है, वेब ब्राउज़र एचटीएमएल फाइल को रीड करता है और इसे रेंडर करके इंटरनेट यूजरस के लिए कंटेंट दिखता है,
हर एचटीएमएल पेजेज मे बहुत सारे एचटीएमएल एलिमेंटस के सीरीज होते है जिसमे टैग्स और ऐट्रिब्यूट्स (attributes) भि होते है, वेब पेज बिल्डिंग के ब्लाक बनाने के लिए एचटीएमएल एलिमेंटस काम आते है, इन टैग्स कि वजह से ब्राउज़र को पता चलता है के कौनसा एलिमेंट कहा पर शुरू होता है और कहाँ पर ख़तम, एट्रिब्यूट के ज़रिये उस एलिमेंट कि और जानकारी ब्राउज़र को मिलती है अगर उपलभ होतो,
एलिमेंट के तीन भाग होते है एक पहला होता है ओपनिंग टैग जिसमे एलिमेंट शुरू हो चूका है ये पता चलता है, इसमें ओपनिंग और क्लोजिंग ब्रैकेटस का इस्तेमाल होता है जैसे हैडिंग के लिए <head>, दूसरा भाग है कंटेंट जो इंटरनेट यूजर को दिखता है और तीसरा भाग है क्लोजिंग टैग इसे टेक्स्ट ख़तम होने के बाद डालते है क्लोजिंग टैग ओपनिंग टैग जैसा हि होता है सिर्फ इसमें फॉरवर्ड स्लैश (forward slash) होता है जैसे हैडिंग क्लोज करने के लिए </h>, इन तीनों को मिलाने से एक एचटीएमएल एलिमेंट बनता है.
<head> यहाँ वेब पेज कि हैडिंग होगी</head>एचटीएमएल का इतिहास?
वर्ल्ड वाइड वेब बनने के बाद एचटीएमएल के बहुत सारे वर्शनस अये है चलिए देखते है:
- 1989 मे टिम बर्नरस-ली ने वोर्ल वाइड वेब (www) को इन्वेंट किया था.
- 1991 मे टिम बर्नरस-ली ने एचटीएमएल (HTML) को इन्वेंट किया था.
- 1993 दावे राग्गेत्त (Dave Raggett) ने एचटीएमएल+ बनाया.
- 1995 मे एचटीएमएल वोर्किंग ग्रुप ने एचटीएमएल 2.0 बनाया.
- 1997 मे वर्ल्ड वाइड वेब कंसोर्टियम (w3C) एचटीएमएल 3.2 बनाया.
- 1999 मे वर्ल्ड वाइड वेब कंसोर्टियम (w3C) ने एचटीएमएल 4.01.
- 2000 मे वर्ल्ड वाइड वेब कंसोर्टियम (w3C) ने क्सएचटीएमएल 1.0 (XHTML 1.0) बनाया.
- 2008 मे व्हाटवग (WHATWG) ने एचटीएमएल 5 का पहला पब्लिक ड्राफ्ट बनया.
- 2012 मे व्हाटवग (WHATWG) ने एचटीएमएल 5 लिविंग स्टैण्डर्ड बनाया.
- 2014 मे वर्ल्ड वाइड वेब कंसोर्टियम (w3C) ने एचटीएमएल5 रेकोमेंद किया.
- 2016 मे वर्ल्ड वाइड वेब कंसोर्टियम (w3C) ने एचटीएमएल 5.1 बनाया.
- 2017 मे वर्ल्ड वाइड वेब कंसोर्टियम (w3C) ने एचटीएमएल 5.2 दूसरा एडिशन बनया.
- 2017 मे वर्ल्ड वाइड वेब कंसोर्टियम (w3C) ने एचटीएमएल5.2 बनया.
Features?
- ये एक मार्कअप लैंग्वेज है जिसमे आपको फ्लेक्सिबल तरीका मिलता है वेब पेज को डिजाईन करने का,
- प्रोग्रामरस एचटीएमएल एंकर टैग कि वजह से दुसरे वेब पेजेज के लिंक ऐड करसकते है,
- वेब पेजेज को और भि इंटरैक्टिव बनाने के लिए प्रोग्रामर एचटीएमएलकि मदद से विडियो, साउंड और ग्राफ़िक्स दाल सकते है,
- ये बहुत आसान लैंग्वेज जिसे आसानी से समझा और बदलाव किया जा सकता है,
- ये स्वतंत्र प्लेटफार्म है कियोंकि ये हर जगह दिखता है जैसे लिनक्स, विंडोज और मैकिनटोश, आदि.
- इससे बहुत अच्चा प्रेजेंटेशन बनासकते है कियोंकि इसमें फॉर्मेट करने के लिए बहुत सारे टैग्स है.
HTML vs HTML5
एचटीएमएल के पहले वर्शन मे 18टैग्स थे, इसके बाद से आने वाले हर वर्शन के साथ नये टैग्स और एट्रिब्यूट आते गये लेकिन सबसे जियादा डेवेलोप ये लैंग्वेज बहुत वक़्त के बाद हुई यानि 2014 मे एचटीएमएल 5 आया तब, एचटीएमएल और एचटीएमएल 5 मे सबसे बड़ा अंतर ये है के एचटीएमएल 5 नये तरह के फॉर्म को सपोर्ट करता है और इसमें बहुत सारे सिमेंटिक टैग्स भि है जिससे आर्टिकल, हैड फूटर के बर्मे साफ़ साफ़ पता चलता है.
एचटीएमएल के फायदें और नुकसान?
जिस तरह हर कंप्यूटर लैंग्वेज के फायदें और नुकसान होते है उसी तरह एचटीएमएल के भि फायदें और नुकसान है चलिए देखते है,
फायदें?
- इस लैंग्वेज को बहुत सारे लोग इस्तेमाल करते है बहुत सारे रिसोर्सेज के साथ कियोंकि ये सपोर्ट करती है,
- बिगिनर के लिए बहुत आसान होता है ये लैंग्वेज सीखना,
- इसे हरकोई एक्सेस करसकता है, ये ओपन-सोर्स है और बिलकुल फ्री है और हर ब्राउज़र मे एचटीएमएल रन करता है,
नुकसान?
- यूजर को अलग से सपरेट वेब पेज बनाने पड़ते है एचटीएमएल के, एलिमेंट सेम होने के बाद भि,
- कुछ ब्राउज़र एचटीएमएल के नये फीचर को अडॉप्ट करते है लेकिन कुछ पुराने ब्राउज़र नये टैग्स को हमेशा रेंडर (render) नहीं करते,
- एचटीएमएल को जियादाटार सटाटिक वेब पेजेज के लिए इस्तेमाल किया जाता है लेकिन डायनामिक फंक्शनलिटी के लिए जावा स्क्रिप्ट या पीएचपी इस्तेमाल करना होगा.
HTML, CSS and Javascript
एचटीएमएल सिर्फ से टेक्स्ट एलिमेंट दाल सकते है और कंटेंट का स्ट्रक्चर बनासकते है, लेकिन एक प्रोफेशनल रेस्पोंसिव वेबसाइट बनाने के लिए इतना काफी नहीं है, इसलिए एचटीएमएल को जावास्क्रिप्ट (JavaScript) और कैस्केडिंग स्टाइल शीटस (CSS) कि ज़रूरत होती है ताके वेबसाइट का ज़यादातर हिस्सा बना सके,
जावा स्क्रिप्ट कि मदद से वेबसाइट मे डायनामिक दाले जाते है जैसे पॉपअप्स, फोटो गैलरी और स्लाइडरस, सीएसएस (CSS) कि बात करे तो वेबसाइट के स्टाइलिंग के लिए ज़िम्मेदार होती है जैसे, लेआउटस, बैकग्राउंड, स्पेसिंग, कलर्स, एनीमेशनस. फ्रंट-एंड डेवलपमेंट मे ये तीनो लैंग्वेज बहुत ज़रूरी होती है, अब आपको पता चलगया होगा के सीएसएस, जावास्क्रिप्ट और एचटीएमएल क्या है.
People Also Ask
1. एचटीएमएल कैसे सीखे?
अगर आपको वेब डेवलपमेंट मे दिलचस्बी है तोहि एचटीएमएल सीखे, एचटीएमएल सीखने के लिए बहुत सारे कोर्सेज है इंटरनेट पर लेकिन हमने आपके लिए best तीन आप्शन रखे है ताके आप अच्छे से एचटीएमएल सीख्सके,
- कोडएकेडेमी (Codeecademy)
- कोउर्सेरा (Coursera)
- व3स्कूलस (W3schools)
निष्कर्ष?
आशा है आपको Html kya hai इस सवाल का जवाब मिलगया होगा, आज हमने जाना के एचटीएमएल क्या है (Html kya hai), एचटीएमएल कैसे काम करता है, एचटीएमएल फायदें और नुकसान, एचटीएमएल का इतिहास, आदि,
आशा है आपको इस सवाल ‘Html kya hai’ का जवाब मिलगया होगा, कुछ पूछना या कहना हो तो कमेन्ट करे और दूसरों को शेयर करे ताके दूसरों को भि पता चले के एचटीएमएल क्या है, हमारा ये आर्टिकल ‘what is html in hindi’ यहीं समाप्त होता है.
ये आर्टिकल भि पढ़े: