HTML (HyperText Markup Language) वेब पेज और वेब एप्लिकेशन बनाने के लिए उपयोग की जाने वाली एक मार्कअप भाषा है। यह ब्राउज़र को बताती है कि वेब पेज पर अलग-अलग एलिमेंट्स (जैसे टेक्स्ट, इमेज, लिंक आदि) को कैसे प्रदर्शित किया जाए। HTML का उपयोग किसी भी वेबसाइट का ढांचा तैयार करने के लिए किया जाता है।
HTML के महत्वपूर्ण तत्व:
1. HTML टैग्स: HTML के प्रत्येक डॉक्यूमेंट में टैग्स का इस्तेमाल होता है, जो ब्राउज़र को बताते हैं कि टेक्स्ट या एलिमेंट को कैसे दिखाया जाए। टैग्स मुख्य रूप से दो हिस्सों में होते हैं:
ओपनिंग टैग: <tagname>
क्लोजिंग टैग: </tagname>
2. Elements (तत्व): HTML एलिमेंट्स टैग्स के साथ ही शुरू और खत्म होते हैं। जैसे:
<p>This is a paragraph.</p>
3. Attributes (गुण): HTML टैग्स के साथ कुछ विशेषताएँ (attributes) भी जुड़ी होती हैं, जो अतिरिक्त जानकारी प्रदान करती हैं। उदाहरण:
<img src=”image.jpg” alt=”Image description”>
4. Basic Structure of an HTML Document (HTML डॉक्यूमेंट की संरचना): एक साधारण HTML डॉक्यूमेंट की संरचना कुछ इस प्रकार होती है:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Document Title</title>
</head>
<body>
<h1>Welcome to HTML</h1>
<p>This is a paragraph.</p>
</body>
</html>
DOCTYPE: यह ब्राउज़र को बताता है कि डॉक्यूमेंट किस HTML संस्करण का उपयोग कर रहा है।
html टैग: यह पूरी HTML फाइल का रूट एलिमेंट है।
head टैग: इस सेक्शन में मेटा डेटा होता है, जैसे कि डॉक्यूमेंट का टाइटल, कैरेक्टर सेटिंग्स आदि।
body टैग: इसमें वह कंटेंट होता है, जो वेबपेज पर दिखाया जाता है, जैसे कि टेक्स्ट, इमेज आदि।
HTML के कुछ प्रमुख टैग्स:
1. Heading टैग्स: यह पेज के हेडिंग्स को निर्धारित करते हैं। HTML में 6 लेवल तक हेडिंग्स होती हैं:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
2. Paragraph टैग: पैराग्राफ को दर्शाने के लिए उपयोग किया जाता है:
<p>This is a paragraph.</p>
3. Anchor टैग (लिंक): लिंक बनाने के लिए उपयोग होता है:
<a href=”https://www.example.com”>Click here</a>
4. Image टैग: इमेज को जोड़ने के लिए उपयोग किया जाता है:
<img src=”image.jpg” alt=”Image description”>
5. List टैग: लिस्ट बनाने के लिए उपयोग होता है:
Ordered List (क्रमबद्ध सूची):
<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>
Unordered List (अक्रमबद्ध सूची):
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
HTML के कुछ महत्वपूर्ण फीचर्स:
स्ट्रक्चर: HTML वेबपेज का ढांचा बनाता है।
रिस्पॉन्सिव: HTML में मीडिया क्वेरीज़ और अन्य तकनीकों के साथ रिस्पॉन्सिव वेबसाइट बनाई जा सकती है, जो अलग-अलग डिवाइसों पर सही तरीके से काम करें।
हाइपरलिंकिंग: HTML हाइपरलिंक्स को जोड़ने के लिए सबसे प्रभावी है, जिससे एक पेज से दूसरे पेज पर जाया जा सकता है।
HTML के कुछ प्रमुख संस्करण:
1. HTML 4.01: यह HTML का पहले काफी लोकप्रिय संस्करण था।
2. XHTML: यह HTML और XML का मिश्रण था, जो अधिक स्ट्रिक्ट सिंटैक्स का पालन करता था।
3. HTML5: यह वर्तमान में उपयोग होने वाला सबसे लोकप्रिय संस्करण है, जिसमें वीडियो, ऑडियो, और कैनवस एलिमेंट्स जैसे नए फीचर्स जोड़े गए हैं।
HTML को CSS (Cascading Style Sheets) और JavaScript के साथ मिलाकर उपयोग किया जाता है ताकि वेब पेजों को अधिक आकर्षक और इंटरैक्टिव बनाया जा सके।