HTML क्या है ? (HTML in Hindi)

HTML(HyperText Markup Language) की मदद से हम वेब ब्राउजर को बताते है, की हमारे वेबपेज का ढ़ाचा(Structure) कैसा होगा और किस जगह क्या चीज हम दिखाना चाहते है।

दूसरे शब्दों में कहे तो, “एचटीएमएल(HTML) एक मानव कंकाल जैसा है जिसमें हर एक चीज अपनी जगह पर लगी हुवी है, और हर एक को अपना काम दिया गया है।”

HTML को साल 1991 में Sir Tim Berners-Lee के द्वारा बनाया गया था, और साल 1995 में HTML 2.0 वर्ज़न रिलीज किया गया।

साल 1999 में HTML का बहुत सफल वर्ज़न 4.01 रिलीज किया गया।

फिर साल 2012 में HTML वर्ज़न 5 रिलीज हुवा जिसमे बहुत से मॉडर्न HTML टैग दिए गए।

HTML का परिचय (Introduction of HTML in Hindi)

जैसे की आपने HTML के मतलब में पढ़ा की ये एक HyperText Markup Language है, तो अब हम इसका पुरा मतलब आसान भाषा में समझते है,

HyperText Markup Language(HTML) का मतलब

इसको हम 2 भागों में बाट कर समजते है,

HyperText
Markup Language

HyperText

हाइपर्टेक्स्ट का मतलब है की, एसा टेक्स्ट जिससे यूजर एक पेज से दूसरे पेज पर जा सके, हाइपर्टेक्स्ट की मदद से आप टेक्स्ट(शब्द) को क्लिक करके दूसरे पेज से लिंक करने या विज़िट करने लायक बना सकते है।

Markup Language

मार्कप लैंग्वेज का मतलब होता है की, एसी भाषा(Language) जिसमे बहुत सारे टैग या सूत्र मिल कर किसी कंप्युटर को समजाये की यूजर को क्या दिखाना है और कैसे दिखाना है।

HTML का उदाहरण

<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Head सेक्शन में वेबपेज की डिटेल्स आती है  -->
    <title>What is HTML in Hindi</title>
</head>

<body>

    <!-- Body सेक्शन में जो चीज़े यूजर के ध्यान में आनी चाहिए वो होती है -->
    <p>आपका स्वागत है के W3 Hindi के HTML Tutorial में</p>

</body>

<footer>
    <!-- Footer सेक्शन में यूजर के लिए वेबपेज से संबंधित लिंक, पेज लिस्ट जैसी जानकारी होती है  -->
    <p>हमें संपर्क करे: contact@w3hindi.in पर।</p>
</footer>

</html>

तो अब हम ऊपर के उदाहरण का विवरण करके समझेंगे की HTML कैसे काम करता है।

HTML को समझने के लिए हमे नीचे बताई चीज़े को समझना जरूरी है,

HTML ढ़ाचा(structure)
HTML Syntax
HTML Tag

HTML ढ़ाचा(structure)

HTML के स्ट्रक्चर में कम से कम 3 चीज़े तो जरूर होती है,

Head
Body
Footer

Head

HTML के head सेक्शन या टैग में वेबपेज के बारे में छोटी-छोटी जानकारी होती है, जैसे की, वेबपेज का टाइटल, वेबपेज की भाषा, उसकी स्टाइल, आदि, जिसको Meta (मेटा) डाटा भी कहा जाता है।

Head सेक्शन सिर्फ ब्राउजर के लिए होता है, यूजर को head टैग में ऐड की हुवी चीज़े नहीं दिखती।

वेबपेज की CSS, JavaScript और लिंक की हुवी चीज़े head टैग के अन्डर होती है।

Body

HTML के बॉडी टैग में यूजर के ध्यान में लाने वाली चीज़े होती है, जैसे की अगर कोई वेबसाईट ब्लॉग आर्टिकल प्रदान करती है, तो उसके ब्लॉग या आर्टिकल से संबंधित चीज़े Thumbnail, टाइटल, लेख, आदि बॉडी में होती है जिससे यूजर के ध्यान में रहे।

वेबसाईट का मेनु बार(Navigation bar) भी बॉडी के टॉप में ही होता है, जिसे हम हेडर भी कहते है, क्युकी HTML में Head और Header में फर्क होता है।

कोई भी वेबपेज की बॉडी बहुत सारे HTML Tag से बनी होती है, जिसके बारे में हम आगे समझेंगे।

Footer

HTML के Footer टैग या सेक्शन में वेबपेज से संबंधित दुसरे वेबपेज की लिंक, वेबसाईट की केटेगरी की लिंक, वेबसाईट मालिक के बारे में जानकारी, आदि चीज़े होती है, जो की यूजर को काम आ सकती है।

ये हमने किसी भी वेबसाईट का एक बेसिक स्ट्रक्चर समझा है।

HTML Syntax

HTML में Syntax का मतलब होता है “HTML लिखने का तरीका”।

HTML बहुत सारे टैग्स होते है, जिसको लिखने का एक तरीका होता है, उस तरीके को हम Syntax कहते है।

अगर कोई भी HTML कोड में Syntax सही से फॉलो नहीं किया जाता है, तो उस कोड का आउट्पुट वेबपेज में सही से नहीं दिखेगा, जिसे हम Error(एरर) कहते है।

वैसे अगर आपको थोड़ी सी भी HTML आती है तो Syntax में गलती करने के मौके बहुत कम आएंगे।

HTML Tag

HTML टैग का मतलब है की , किसी भी HTML कोड को एक नाम दिया जाता है, उदाहरण के लिए <body> टैग, तो जब भी हम <body> टैग के लिए कोई कोड करते है, तो उसे इस तरह लिखते है, “<body>यहा आपका कंटेन्ट होता है</body>“।

HTML में 2 तरह के टैग होते है, 1) Paired टैग, 2) Unpaired टैग।

Paired टैग का मतलब होता है की, एसे टैग जिनको इस्तेमाल करने के लिए उसको ओपन करने के बाद अंत में उसे क्लोज़ भी करना पड़ता है, उदाहरण के लिए <head> </head>

Unpaired टैग का मतलब होता है की, एसे टैग जिनको इस्तेमाल करने के लिए ओपन करने के बाद अंत में उसे क्लोज़ करने की कोई आवशक्यता नहीं है, उदाहरण के लिए <br>

HTML Tags in Hindi (पूरी जानकारी हिन्दी में)

आगे के ब्लॉग्स में हम HTML के बारे में और सीखेंगे, W3 Hindi के साथ बने रहे।

तो हमे आशा है, आपको हमारे ये ब्लॉग जरूर पसंद आया होगा, अगर आपकी सलाह या सुझाव हो तो आप बेजीजक हमे कमेन्ट सेक्शन में बात सकते है, हम जरूर जवाब देंगे, धन्यवाद।

HTML क्या है ? (HTML in Hindi)