HTML (HyperText Markup Language) वेब पेज बनाने के लिए उपयोग की जाने वाली मुख्य भाषा है। यह एक मार्कअप भाषा है, जिसका अर्थ है कि इसमें टैग्स का उपयोग करके वेब पेज की संरचना निर्धारित की जाती है। इस पोस्ट में हम HTML का परिचय देंगे, इसके बेसिक स्ट्रक्चर और टैग्स के बारे में जानेंगे, जो वेब डेवलपमेंट की शुरुआत करने में मदद करेंगे।

HTML क्या है?

HTML का पूरा नाम HyperText Markup Language है। यह एक Markup Language है, जिसका उपयोग वेब पेज और वेब एप्लिकेशन बनाने के लिए होता है। HTML ब्राउज़र को यह बताता है कि वेब पेज के तत्वों (जैसे टेक्स्ट, इमेज, हेडिंग, लिंक्स आदि) को कैसे डिस्प्ले किया जाए।

  • HyperText: हाइपरटेक्स्ट का मतलब होता है वेब पेज में लिंक को जोड़ना, जिससे एक पेज से दूसरे पेज पर नेविगेट करना आसान हो जाता है।
  • Markup Language: मार्कअप लैंग्वेज एक प्रकार की लैंग्वेज होती है जो टैग्स का उपयोग करके दस्तावेज़ की संरचना को निर्धारित करती है। HTML में हर टैग का एक विशेष कार्य होता है, जैसे कि <h1>, <p>, और <a> टैग।

HTML का बेसिक स्ट्रक्चर

HTML का हर दस्तावेज़ एक साधारण स्ट्रक्चर के साथ शुरू होता है। इसे आसानी से समझने के लिए निम्नलिखित HTML कोड पर नज़र डालें:


<!DOCTYPE html>
<html>
<head>
    <title>मेरा पहला वेब पेज</title>
</head>
<body>
    <h1>नमस्ते, HTML में आपका स्वागत है!</h1>
    <p>यह मेरा पहला HTML पेज है।</p>
</body>
</html>

इस कोड में:

  • <!DOCTYPE html>: यह HTML5 का डॉक्युमेंट प्रकार है जो ब्राउज़र को बताता है कि यह HTML5 फाइल है।
  • <html>: यह टैग HTML डॉक्युमेंट की शुरुआत को दर्शाता है।
  • <head>: इसमें वेब पेज की मेटा-जानकारी, जैसे कि <title> टैग होता है।
  • <title>: यह टैग वेब पेज का शीर्षक सेट करता है, जो ब्राउज़र के टैब में दिखाई देता है।
  • <body>: इसमें वेब पेज का मुख्य कंटेंट लिखा जाता है, जैसे टेक्स्ट, इमेज, लिंक्स, आदि।

HTML के कुछ सामान्य टैग्स

  1. हेडिंग टैग्स:
    HTML में छह हेडिंग टैग्स होते हैं - <h1> से <h6>, जिनमें <h1> सबसे बड़ा और <h6> सबसे छोटा होता है।


    <h1>यह एक मुख्य शीर्षक है</h1>
<h2>यह एक उप-शीर्षक है</h2>

  2. पैराग्राफ टैग (<p>)
    यह टैग पैराग्राफ के लिए उपयोग किया जाता है।


    <p>यह एक पैराग्राफ है।</p>

  3. इमेज टैग (<img>)
    <img> टैग का उपयोग इमेज को जोड़ने के लिए किया जाता है। इसमें src और alt जैसे विशेष ऐट्रिब्यूट्स होते हैं।


    <img src="image.jpg" alt="यह एक इमेज है">

  4. लिंक टैग (<a>)
    <a> टैग का उपयोग किसी अन्य पेज या वेबसाइट के लिंक जोड़ने के लिए किया जाता है। इसमें href ऐट्रिब्यूट होता है।

    <a href="https://www.example.com">यह एक लिंक है</a>

  5. लिस्ट टैग्स
    HTML में ऑर्डर्ड और अनऑर्डर्ड लिस्ट के लिए दो मुख्य टैग्स होते हैं - <ul> और <ol>, जिनमें <li> टैग का उपयोग लिस्ट आइटम्स के लिए होता है।

    <ul>
        <li>पहला आइटम</li>
    <li>दूसरा आइटम</li>
</ul>

HTML की विशेषताएँ

  • आसान सीखने में: HTML की बेसिक संरचना और टैग्स सीखना आसान है।
  • वेब पेज का निर्माण: HTML के माध्यम से आप एक साधारण से लेकर जटिल वेब पेज बना सकते हैं।
  • कई प्लेटफॉर्म पर सपोर्ट: HTML को सभी वेब ब्राउज़र सपोर्ट करते हैं।