HTML भनेको हाइपरटेक्स्ट मार्कअप भाषा हो। यो वेब ब्राउजरमा प्रदर्शन गर्न डिजाइन गरिएका कागजातहरूको लागि मानक मार्कअप भाषा हो। HTML लाई क्यास्केडिङ स्टाइल शीट (CSS) र JavaScript जस्ता स्क्रिप्टिङ भाषाहरू जस्ता प्रविधिहरूद्वारा सहयोग गर्न सकिन्छ।
यसको मूलमा, इन्टरनेट विश्वव्यापी रूपमा जडान भएका कम्प्युटरहरूको एक विशाल नेटवर्क हो। हामीले यस नेटवर्कसँग अन्तरक्रिया गर्ने प्राथमिक तरिका वर्ल्ड वाइड वेब (WWW), इन्टरनेट मार्फत पहुँच गरिएको इन्टरलिङ्क हाइपरटेक्स्ट कागजातहरूको प्रणाली हो। WWW को मुटुमा वेब पृष्ठहरू छन्, जुन HTML मा लेखिएका कागजातहरू हुन्। HTML ले साइटहरूको आधारभूत संरचना प्रदान गर्दछ, जसलाई CSS र JavaScript जस्ता अन्य प्रविधिहरूद्वारा परिष्कृत र परिमार्जन गरिन्छ।
HTML कागजात नेस्टेड ट्यागहरूको सेट अनुसार संरचित गरिएको छ, जुन कोण कोष्ठकहरूमा संलग्न तत्वहरू हुन्। यी ट्यागहरूले वेब ब्राउजरलाई सामग्री कसरी प्रदर्शन गर्ने भनेर बताउँछन्। एक साधारण HTML कागजात संरचना को एक उदाहरण हो:
<!DOCTYPE html>
<html>
<head>
<title>पृष्ठ शीर्षक</title>
</head>
<body>
<h1>यो हेडिङ हो</h1>
<p>यो एउटा अनुच्छेद हो।</p>
</body>
</html>
यो कोडले शीर्षक, शीर्षक, र पाठको अनुच्छेदको साथ आधारभूत वेबपेज परिभाषित गर्दछ।
HTML कागजातहरू HTML तत्वहरू मिलेर बनेका छन्। प्रत्येक तत्वलाई स्टार्ट ट्याग, केही सामग्री र अन्त्य ट्यागद्वारा प्रतिनिधित्व गरिन्छ। एक तत्वको सुरु र अन्त्य ट्यागहरू समान छन्, बाहेक अन्तिम ट्यागले तत्वको नाम अघि अगाडिको स्ल्याश समावेश गर्दछ।
उदाहरणका लागि, <code><p></code> ट्यागले पाठको एउटा अनुच्छेद संलग्न गर्छ, र यसलाई निम्नानुसार संरचना गरिएको छ:
<p>यो एउटा उदाहरण अनुच्छेद हो।</p>
विभिन्न तत्वहरूले विभिन्न उद्देश्यहरू सेवा गर्छन्। उदाहरण को रुपमा:
HTML तत्वहरूमा विशेषताहरू हुन सक्छन् जसले तत्वहरूको बारेमा थप जानकारी प्रदान गर्दछ। विशेषताहरू एक तत्वको स्टार्ट ट्याग भित्र राखिन्छन् र प्रायः नाम/मान जोडीहरूमा दिइन्छ जस्तै <code>name="value"</code>।
उदाहरणका लागि, छवि इम्बेड गर्न, हामी छविको URL निर्दिष्ट गर्न <code>src</code> (स्रोत) विशेषतासँग <code><img></code> ट्याग प्रयोग गर्छौं:
<img src="url to image.jpg" alt="छविको विवरण">
<code>alt</code> विशेषताले छविको लागि वैकल्पिक पाठ प्रदान गर्दछ यदि यो प्रदर्शन गर्न सकिँदैन।
<code><a></code> ट्यागको प्रयोगले हाइपरलिङ्कहरू सिर्जना गर्छ, जुन वेबको अन्तरसम्बन्धमा आधारभूत हुन्छ। हाइपरलिङ्कले अर्को वेब पृष्ठ, एउटै पृष्ठको फरक खण्ड, वा डाउनलोड गर्न मिल्ने फाइलमा लिङ्क गर्न सक्छ। उदाहरणका लागि:
<a href="https://example.com">Example.com मा जानुहोस्</a>
यसले <code>https://example.com</code> मा लिङ्क सिर्जना गर्छ।
HTML ले सूचीहरू सिर्जना गर्न तत्वहरू प्रदान गर्दछ। त्यहाँ दुई प्राथमिक प्रकारको सूचीहरू छन्:
सूचीमा प्रत्येक वस्तु <code><li></code> (सूची वस्तु) ट्याग भित्र संलग्न छ।
HTML5 मानकको नवीनतम विकास हो, जसले मल्टिमिडिया र अन्तरक्रियात्मक कागजातहरूको लागि आधुनिक आवश्यकताहरू प्रतिबिम्बित गर्ने धेरै नयाँ सुविधाहरू प्रस्तुत गर्दछ। यसमा नयाँ संरचनात्मक तत्वहरू समावेश छन् (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) , ग्राफिक तत्वहरू (<code><canvas></code> रेखाचित्रका लागि, <code><svg></code> मापनयोग्य भेक्टर ग्राफिक्सका लागि), र मिडिया तत्वहरू (<code><audio></code> र <code> ><भिडियो></code>)।
सिमान्टिक एचटीएमएलले वेबपेजहरूमा जानकारीको अर्थशास्त्र, वा अर्थलाई सुदृढ पार्न HTML मार्कअपको प्रयोगलाई जनाउँछ। तत्वहरूले कसरी हेर्छन् वा व्यवहार गर्छन् भनेर परिभाषित गर्नुको सट्टा (यो CSS र JavaScript को लागि काम हो), सिमान्टिक HTML ले संरचना र सामग्रीको प्रकारलाई सही रूपमा वर्णन गर्दछ। उदाहरणका लागि, <code><article></code> ट्यागले भित्रको सामग्री लेख हो भनी संकेत गर्छ, जबकि <code><nav></code> ट्यागले नेभिगेसन मेनुलाई जनाउँछ।
सिमान्टिक HTML को प्रयोगले वेब सामग्रीको पहुँच र खोज योग्यतामा सुधार गर्दछ, यसलाई थप प्रयोगयोग्य र खोज योग्य बनाउँछ।
HTML वर्ल्ड वाइड वेबको आधारशिला प्रविधि हो, वेब पृष्ठहरूको लागि आधारभूत संरचना प्रदान गर्दछ। ट्यागहरू, विशेषताहरू, र तत्वहरूको प्रयोगको माध्यमबाट, HTML ले संरचित कागजातहरू सिर्जना गर्न अनुमति दिन्छ। HTML बुझेर र प्रयोग गरेर, कसैले वेबमा पहुँचयोग्य सामग्रीको विस्तृत दायरा सिर्जना गर्न सक्छ, साधारण पाठ कागजातहरूदेखि जटिल अन्तरक्रियात्मक मल्टिमिडिया अनुभवहरू सम्म। वेब विकासको लागि आधारको रूपमा, HTML को निपुणता वेबको लागि डिजाइन वा विकास गर्न खोज्ने जो कोहीको लागि आवश्यक छ।