HTML क्या है ? (What is HTML in hindi)
HTML
को हाइपरटेक्स्ट मार्कअप लैंग्वेज (Hyper-Text-Markup-Language) कहते है। यह वेब पेज बनाने के लिए स्टैण्डर्ड मार्कअप भाषा है। इससे एक वेब पेज की स्ट्रक्चर का वर्णन करते हैं। इसमें में एलिमेंट की एक सीरीज़ होती है। एलिमेंट ब्राउज़र को कंटेंट प्रदर्शित करने का तरीका बताते हैं। एलिमेंट में हैडिंग टेक्स्ट के पैराग्राफ, बुलेट लिस्ट, इमेज, वीडियो, लिंक इत्यादि कंटेंट होते है।
HTML को सबसे पहले टिम बर्नर्स-ली और रॉबर्ट कैलीयाउ और अन्य लोगों ने 1989 में तैयार किया था। इसका पूरा नाम हाइपर टेक्स्ट मार्कअप लैंग्वेज है, जिसमे हाइपरटेक्स्ट का मतलब होता है टेक्स्ट का एक लिंक जिसे आप क्लिक कर के एक डॉक्यूमेंट से अन्य डॉक्यूमेंट में चले जाये।
इस से हमको यह फायदा होता है की हम कोई भी इनफार्मेशन की जानकारी पूरी तरह ले सकते है।
और मार्कअप लैंग्वेज से कंप्यूटर को हम इंस्ट्रक्शन देते है की किस तरह हमारे डॉक्यूमेंट को फॉर्मेट करे और प्रेजेंट करे।
अभी सबसे नया रिलीज़ है HTML 5.0 जिसे सारे ब्राउज़र सपोर्ट करते है।
एक HTML डॉक्यूमेंट का एक बेसिक स्ट्रक्चर होता है। जिसे HTML boilerplate कहते हैं। जिसकी मदद से एक HTML वेबपेज को तैयार किया जाता है। HTML दस्तावेज़ की मूल संरचना में 5 एलिमेंट होते हैं।
<!DOCTYPE>
DOCTYPE वेब ब्राउज़र को बताता है कि वेबपेज किस HTML संस्करण में लिखा गया है। इस मामले में, अब जो लैंग्वेज है वो HTML 5 है। प्रत्येक वेब डॉक्यूमेंट की पहली पंक्ति पर एक DOCTYPE घोषणा निर्दिष्ट किआ जाता है।
<html>
HTML का यह टैग संकेत करता है कि यहाँ से हम HTML कोड में लिखने जा रहे हैं। <html> एलिमेंट ब्राउज़र को बताता है कि वेब पेज HTML में फॉर्मेट किया जाएगा और वैकल्पिक रूप से, पेज कंटेंट विश्व के किस भाषा में लिखा जा रहा है।
<head>
head एलिमेंट वेब डॉक्यूमेंट का एक कंटेनर है जो वेब डॉक्यूमेंट के मेटाडेटा की पूरी जानकारी होता है मेटाडेटा अधिकतर एलिमेंट सीधे वेबपेज पर प्रदर्शित नहीं होते हैं। यह जानकारी ज्यादातर सर्च इंजन और अन्य कंप्यूटर प्रोग्राम के लिए होता है। मेटाडेटा आमतौर पर डॉक्यूमेंट टाइटल, करैक्टर सेट, स्टाइल, स्क्रिप्ट, कीवर्ड्स और अन्य मेटा जानकारी को परिभाषित करता है। अगर आसान शब्दों में कहें तो Meta Data एक Webpage के बारे में जानकारी होती हैं. जिसे Search Engines के लिए लिखा जाता है।
<title>
title एलिमेंट यह परिभाषित करता है, Title हमें Browser Window में दिखाई देता है. title टैग हेड सेक्शन के बिच लिखा जाता है। टाइटल टैग सर्च इंजन ऑप्टिमाइजेशन के दृष्टिकोण से बहोत महत्वपूर्ण होता है।
<body>
HTML डॉक्यूमेंट में यह सबसे महत्वपूर्ण एलिमेंट होता है, Body Element से HTML Document की Body को Define किया जाता है. Body Element में एक HTML Document का Visible Part लिखा जाता है, जो Users को दिखाई देता है। जिसमे सभी कंटेंट होते है, जो ब्राउज़र हमें दिखते हैं। जैसे कि हैडिंग, पैराग्राफ, इमेज, हाइपरलिंक, टेबल, सूचियाँ, इत्यादि।
HTML में बहोत सारे एलिमेंट (elements) और टैग (Tags) होते हैं। जो वेब ब्राउज़र में नहीं दिखते लेकिन हम जब वेब पेज बनाते हैं। कंप्यूटर उसी टैग और एलिमेंट को पढता है। और हमे वेब ब्राउज़र में इनफार्मेशन दिखाता है।
HTML किसी भी डॉक्यूमेंट के कंटेंट को स्ट्रक्चर देता है। जैसे एक इंसानी शरीर में हड्डियों का ढांचा (structure) होता है। उसी तरह एक वेब पेज में मेन ढांचा (structure) HTML का होता है।
इसको एक शारीरिक रूप यानि (style) स्टाइल देने के लिए CSS का उपयोग किया जाता है।
HTML Tags क्या हैं
HTML टैग की व्याख्या करे तो, यह एक महत्वपूर्ण सवाल हमारे मन में आता है, कि HTML tags क्या हैं और इनका क्या उपयोग होता है? HTML Tags को ही ब्राउज़र पढता है, टैग से एलिमेंट बनते है। आइए जानें HTML Tags के उपयोग के बारे में।
मुख्यत: tags 2 प्रकार के होते हैं।
- Paired HTML Tag
- Unpaired HTML Tag
Paired HTML Tag :
Paired HTML Tags वे HTML Tags होते है. जिनको जोडे यानि Pair में लिखा जाता है. एक Paired Tag के दो भाग होते है. पहला Opening tag होता है. और दूसरा closing tag होता है। जिसे इस प्रकार लिखा जाता है.
<Tag name>........</Tag name>
Unpaired HTML Tag :
एक Unpaired Tag में Opening Part और Closing Part को एक साथ ही लिखा जाता है. एक Unpaired Tag को HTML Document में इस प्रकार लिखा जाता है.
<Tag name/>
HTML में एलिमेंट बनाने के लिए टैग का उपयोग होता है। जैसे की एक डॉक्यूमेंट में बहोत से एलिमेंट होते हैं, उदाहरण के लिए डॉक्यूमेंट टाइटल, हैडिंग टेक्स्ट, पैराग्राफ, इमेज यह सब को ब्राउज़र टैग के जरिये से रीड करता है।
आप डॉक्यूमेंट में कोई भी एलिमेंट को डिफाइन कर रहे हैं तो सबसे पहले टैग को लिखना होगा, टैग हमेशा एंगल ब्रैकेट्स <> और एंगल ब्रैकेट्स में एक फॉरवर्ड स्लैश < / > के साथ ख़तम होता है।
यहाँ हम एक उदाहरण ले तो हमे एक वेप पेज का हैडिंग का एलिमेंट लिखना है :
What is HTML in Hindi
यहां पर दिए text को हमें एक heading Text के रूप में लिखना है। इसके लिए हम <h1>...</h1> टैग का उपयोग करेंगे। <h1> का उपयोग करने के बाद HTML document में heading इस तरह लिखी जाएगी।
<h1> HTML Tutorial in Hindi </h1>
इसी तरह आप एक नोटपैड से वेबपेज बना सकते है, आपको हर एलिमेंट के टैग को याद रखना होगा । हर एलिमेंट के अलग अलग टैग होते है जिसे आप उपयोग कर के वेब डॉक्यूमेंट को स्ट्रक्चर दे सकते हैं।
HTML Elements क्या हैं?
HTML Elements क्या है जैसे की हमने ऊपर जाना एक एचटीएमएल टैग से एक एलिमेंट को पूरा किआ जाता है जिस से वेब डॉक्यूमेंट को एक (स्ट्रक्चर) ढांचा मिलता है, तो चलिए जानते है HTML Elements क्या है? और इसका HTML का उपयोग कैसे किआ जाता है।
एलिमेंट एक वेब डॉक्यूमेंट का कॉम्पोनेन्ट होता है। उदाहरण के लिए, एक वेब पेज में हैडिंग टेक्स्ट, पैराग्राफ, इमेज और टेबल इत्यादि में हमे कंटेंट डालना होता है, यह सब एलिमेंट है।
लेकिन एलिमेंट को एक वेब ब्राउज़र टैग के जरिये ही पढ़ेगा, आप डायरेक्टली टेक्स्ट लिख देंगे तो ब्राउज़र को पता नहीं चलेगा की यह कौन सा एलिमेंट है?
इसी लिए टैग के साथ एलिमेंट को पूरा किआ जाता है। हम अगर एक वेबपेज बना रहे हैं। तो उसमे कई एलिमेंट होंगे। एक वेब पेज के स्ट्रक्चर को सही रूप देना एलिमेंट का काम होता है।
HTML Attributes क्या हैं?
अब तक आप HTML की बेसिक समझ गए होंगे इसमें टैग और एलिमेंट से एक HTML पेज को कैसे बनाया जाता है। अब हम यहां पर जानेंगे HTML में Attributes क्या होते हैं।
HTML Attributes एक HTML tags/elements की अतिरिक्त जानकारी को परिभाषित करते हैं। जैसे कि HTML attributes का उपयोग Title, height, weight,color आदि अतिरिक्त जानकारी देने के लिए किया जाता हैं। Attributes हमेशा open टैग में लगाए जाते हैं। और आमतौर पर नाम/मूल्य (name/value) जोड़े जाता है जैसे Name=”value” होते हैं।
जैसे की ऊपर हमने एक हैडिंग एलिमेंट का उदाहरण लिया था। अगर उसे title attribute देना हो तो वह इस तरह लिखा जायेगा।
<h1 style=title="heading tag">What is HTML in Hindi</h1>
इसी तरह अन्य HTML Attributes का प्रयोग करके इसका font , color, style, weight, height आदि चेंज कर सकते हैं।
अगर आपको यह पोस्ट 📑 पसंद आई हो तो अपने मित्रों के साथ जरूर शेयर करें। धन्यवाद !
Tags:
HTML
