Skip to main content

हाइपरटेक्स्ट मार्कअप लैंग्वेज (एचटीएमएल)

टीएल; डीआर

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

एचटीएमएल का क्या अर्थ है?

HTML हाइपरटेक्स्ट मार्कअप लैंग्वेजके लिए है और यह वेब पेज बनाने के लिए इस्तेमाल की जाने वाली भाषा है। यह तत्वों को परिभाषित और शैलीबद्ध करने के लिए मार्कअप का उपयोग करता है। उदाहरण के लिए, यह फोंट, रंग, स्थिति, लिंक आदि को परिभाषित कर सकता है। भले ही अधिकांश वेबसाइट निर्माता सीधे HTML में नहीं लिखते हैं, वेब ब्राउज़र द्वारा पढ़े और व्याख्या किए गए अंतिम आउटपुट HTML प्रारूप में होते हैं। यही कारण है कि, किसी भी वेब पेज पर राइट क्लिक करते समय और "पेज सोर्स देखें" का चयन करते समय, परिणामी विंडो में टेक्स्ट की पहली पंक्ति <!doctype html> होनी चाहिए।

HTML पेज की संरचना क्या है?

जबकि संरचनाएं भिन्न हो सकती हैं, कुछ तत्व जो आपको किसी भी HTML में मिलने चाहिए, वे निम्नलिखित हैं (इटैलिक में स्पष्टीकरण के साथ)। इसे किसी भी वेबपेज पर कहीं भी राइट क्लिक करके और "पेज सोर्स देखें" का चयन करके जांचें:

<!DOCTYPE html> - यह वेब ब्राउज़र को दिखाता है कि यह एक HTML फ़ाइल है जिसे वह पढ़ सकता है

<html lang="en"> - यह उस भाषा को दिखाता है जिसमें वेबपेज लिखा जाता है

<head> - यह हेड सेक्शन की शुरुआत का प्रतीक है, जहां सामान्य कोड रखे जाते हैं

<शीर्षक>पृष्ठ का शीर्षक</शीर्षक> - यह एक मेटा टैग है जो पृष्ठ का शीर्षक दिखा रहा है, जो ब्राउज़र टैब में दिखाई देता है

<मेटा नाम = "विवरण" सामग्री = "..." /> - इसका उपयोग यह वर्णन करने के लिए किया जाता है कि खोज इंजन के लिए पृष्ठ किस बारे में है

<मेटा नाम = "व्यूपोर्ट" सामग्री = "चौड़ाई = डिवाइस-चौड़ाई, प्रारंभिक-पैमाना = 1, न्यूनतम-पैमाना = 1, उपयोगकर्ता-स्केलेबल = 0" /> - यह एक आदेश है जो बताता है कि वेब पेज को कैसे प्रदर्शित किया जाना चाहिए विभिन्न स्क्रीन आकार

<meta name="robots" content="index,follow" /> - यह उन बॉट्स को बताता है जो पेज को क्रॉल करते हैं कि वे इसे इंडेक्स कर सकते हैं और इसे सर्च इंजन परिणामों में जोड़ सकते हैं

<link rel="stylesheet" type="text/css" href="/css/style/style.css"> - यह HTML को एक CSS फाइल से जोड़ता है, जहां टेक्स्ट के लिए अधिक विस्तृत स्टाइल रखा जाता है।

<script src="/js/random.js" type="text/javascript"></script> - यह एक जावास्क्रिप्ट फ़ाइल से जुड़ता है, जिसका उपयोग वेब पेज पर एक क्रिया चलाने के लिए किया जाता है

<link rel="canonical" href="https://yourpage.com"/> - यदि समान सामग्री वाले पृष्ठ हैं या पृष्ठ एक से अधिक URL पर पाया जा सकता है, तो यह क्रॉलर को दिखाता है कि किस URL में लिया जाना है प्राधिकरण उद्देश्यों के लिए खाता

</head> - इससे हेड सेक्शन बंद हो जाता है

<body> - यह बॉडी सेक्शन को खोलता है, जहां वास्तविक पेज कंटेंट रखा जाता है

<div class="container"> - यह कंटेनर नामक एक सेक्शन को खोलता है, जो आमतौर पर कंटेंट के लिए फ्रेम बनाता है

<a href="https://yoursiteshomepage.com"><img class="navbar-brand-logo-normal" src="/images/logo.svg" alt="Visitor Analytics logo" height="52" width ="180"></a> - यह लोगो इमेज लगाने का एक तरीका है जो आपके होमपेज से लिंक होता है

<div class="first-text">ये आपकी वेबसाइट पर वास्तव में प्रदर्शित होने वाले पहले शब्द हैं</div> - कुछ टेक्स्ट जिन्हें कनेक्टेड CSS फ़ाइल में स्टाइल किया जा सकता है

...

</body>