HTML भनेको हाइपरटेक्स्ट मार्कअप भाषा हो। यो वेब ब्राउजरमा प्रदर्शन गर्न डिजाइन गरिएका कागजातहरूको लागि मानक मार्कअप भाषा हो। HTML क्यास्केडिङ स्टाइल शीट ( CSS ) जस्ता प्रविधिहरू र जाभास्क्रिप्ट जस्ता स्क्रिप्टिङ भाषाहरूद्वारा सहयोग गर्न सकिन्छ।
यसको मूलमा, इन्टरनेट विश्वव्यापी रूपमा जडान भएका कम्प्युटरहरूको विशाल सञ्जाल हो। हामीले यस सञ्जालसँग अन्तर्क्रिया गर्ने प्राथमिक तरिका वर्ल्ड वाइड वेब ( WWW ) मार्फत हो, जुन इन्टरनेट मार्फत पहुँच गरिने अन्तरसम्बन्धित हाइपरटेक्स्ट कागजातहरूको प्रणाली हो। WWW को मुटुमा वेब पृष्ठहरू छन्, जुन HTML मा लेखिएका कागजातहरू हुन्। HTML साइटहरूको आधारभूत संरचना प्रदान गर्दछ, जुन त्यसपछि CSS र JavaScript जस्ता अन्य प्रविधिहरूद्वारा बढाइन्छ र परिमार्जन गरिन्छ।
HTML कागजात नेस्टेड ट्यागहरूको सेट अनुसार संरचित हुन्छ, जुन कोण कोष्ठकहरूमा संलग्न तत्वहरू हुन्। यी ट्यागहरूले वेब ब्राउजरलाई सामग्री कसरी प्रदर्शन गर्ने भनेर बताउँछन्। साधारण HTML कागजात संरचनाको उदाहरण हो:
<!DOCTYPE html>
<html>>
<हेड>>
<title>पृष्ठ शीर्षक</title>
</head>
<शरीर>>
<h1>यो शीर्षक हो</h1>
<p>यो एउटा अनुच्छेद हो।</p>
</शरीर>
</html>
यो कोडले शीर्षक, शीर्षक र पाठको अनुच्छेद सहितको आधारभूत वेबपेज परिभाषित गर्दछ।
HTML कागजातहरू HTML तत्वहरू मिलेर बनेका हुन्छन्। प्रत्येक तत्वलाई सुरुवात ट्याग, केही सामग्री र अन्त्य ट्यागद्वारा प्रतिनिधित्व गरिन्छ। तत्वको सुरुवात र अन्त्य ट्यागहरू समान हुन्छन्, बाहेक अन्त्य ट्यागमा तत्वको नाम अगाडि अगाडि स्ल्याश समावेश हुन्छ।
उदाहरणका लागि, <code><p></code> ट्यागले पाठको अनुच्छेदलाई संलग्न गर्दछ, र यो निम्नानुसार संरचित छ:
<p>यो एउटा उदाहरण अनुच्छेद हो।</p>
फरक-फरक तत्वहरूले फरक-फरक उद्देश्य पूरा गर्छन्। उदाहरणका लागि:
HTML तत्वहरूमा तत्वहरूको बारेमा थप जानकारी प्रदान गर्ने विशेषताहरू हुन सक्छन्। विशेषताहरू तत्वको सुरुवात ट्याग भित्र राखिन्छन् र प्रायः नाम/मान जोडीहरूमा दिइन्छ जस्तै <code>name="value"</code>।
उदाहरणका लागि, छवि इम्बेड गर्न, हामी छविको URL निर्दिष्ट गर्न <code>src</code> (स्रोत) विशेषता भएको <code><img></code> ट्याग प्रयोग गर्छौं:
<img src="image.jpg मा url" 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><लेख></code>, <code><section></code>), ग्राफिक तत्वहरू (<code><क्यानभास></code> रेखाचित्रको लागि, <code><svg></code> स्केलेबल भेक्टर ग्राफिक्सको लागि), र मिडिया तत्वहरू (<code><audio></code> र <code><video></code>) समावेश छन्।
सिमेन्टिक HTML ले वेबपेजहरूमा जानकारीको अर्थशास्त्र, वा अर्थलाई सुदृढ पार्न HTML मार्कअपको प्रयोगलाई जनाउँछ। तत्वहरू कस्तो देखिन्छन् वा व्यवहार गर्छन् भनेर परिभाषित गर्नुको सट्टा (त्यो CSS र JavaScript को लागि काम हो), सिमेन्टिक HTML संरचना र सामग्रीको प्रकारलाई सही रूपमा वर्णन गर्दछ। उदाहरणका लागि, <code><लेख></code> ट्यागले भित्रको सामग्री लेख हो भनेर संकेत गर्दछ, जबकि <code><nav></code> ट्यागले नेभिगेसन मेनुलाई जनाउँछ।
अर्थपूर्ण HTML प्रयोग गर्नाले वेब सामग्रीको पहुँच र खोजीयोग्यतामा सुधार हुन्छ, यसलाई अझ प्रयोगयोग्य र पत्ता लगाउन सकिने बनाउँछ।
HTML वर्ल्ड वाइड वेबको आधारशिला प्रविधि हो, जसले वेब पृष्ठहरूको लागि आधारभूत संरचना प्रदान गर्दछ। ट्यागहरू, विशेषताहरू र तत्वहरूको प्रयोग मार्फत, HTML संरचित कागजातहरू सिर्जना गर्न अनुमति दिन्छ। HTML बुझेर र प्रयोग गरेर, वेबमा पहुँचयोग्य सामग्रीको विस्तृत दायरा सिर्जना गर्न सकिन्छ, साधारण पाठ कागजातहरूदेखि जटिल अन्तरक्रियात्मक मल्टिमिडिया अनुभवहरू सम्म। वेब विकासको लागि आधारको रूपमा, वेबको लागि डिजाइन वा विकास गर्न खोज्ने जो कोहीको लागि HTML मा निपुणता आवश्यक छ।