HTML टैग्स वो विशेष कीवर्ड होते हैं, जो यह बताते हैं कि ब्राउज़र को वेबसाइट में मौजूद डेटा को किस प्रकार प्रदर्शित करना है। जब हम HTML में कोड लिखते हैं, तो हम टैग्स का उपयोग करते हैं, क्योंकि बिना टैग्स के हम वेबसाइट का निर्माण नहीं कर सकते। इन्हें HTML elements भी कहा जाता है।
हर HTML टैग के तीन मुख्य भाग होते हैं:
- Opening Tag (खुला हुआ टैग) – यह टैग डेटा की शुरुआत को दर्शाता है।
- Content (सामग्री) – यह टैग के अंदर डाला गया डेटा होता है।
- Closing Tag (बंद टैग) – यह टैग डेटा के अंत को दर्शाता है। (कुछ टैग्स में क्लोजिंग टैग नहीं होता)
HTML टैग्स हमेशा < > ब्रैकेट्स के अंदर लिखे जाते हैं।
HTML टैग्स का सिंटैक्स
<tag> content </tag>यह सिंटैक्स बहुत सरल है, जहां <tag> और </tag> के बीच जो कुछ भी लिखा जाता है, वह टैग की सामग्री होती है।
HTML टैग्स का उदाहरण
<h1> – यह टैग हेडिंग बनाने के लिए इस्तेमाल होता है।
<p> – यह टैग पैराग्राफ को डिफाइन करता है।
<b> – यह टैग टेक्स्ट को बोल्ड बनाने के लिए इस्तेमाल होता है।
<table> – यह टैग एक टेबल बनाने के लिए इस्तेमाल होता है।
Unclosed HTML Tags (Unclosed टैग्स)
कुछ HTML टैग्स ऐसे होते हैं जिनका closing tag नहीं होता। इन्हें Unclosed HTML Tags कहा जाता है। उदाहरण:
<br>– यह टैग लाइन ब्रेक करने के लिए उपयोग होता है।<img>– यह टैग इमेज को पेज में जोड़ने के लिए इस्तेमाल होता है।<hr>– यह टैग एक हॉरिजेंटल रूल (लाइन) बनाने के लिए उपयोग होता है।
इन टैग्स के लिए बंद टैग की आवश्यकता नहीं होती। उदाहरण:
<br> <!-- Line break -->
<img src="image.jpg" alt="Image"> <!-- Image tag -->
<hr> <!-- Horizontal rule -->
HTML टैग्स की पूरी लिस्ट
नीचे कुछ मुख्य HTML टैग्स की लिस्ट दी गई है, जो विभिन्न कार्यों के लिए उपयोग होते हैं:
| टैग का नाम | विवरण |
|---|---|
<a> | लिंक बनाने के लिए। |
<b> | टेक्स्ट को बोल्ड बनाने के लिए। |
<i> | टेक्स्ट को इटैलिक (कर्सिव) बनाने के लिए। |
<br> | लाइन ब्रेक करने के लिए। |
<img> | इमेज को पेज में जोड़ने के लिए। |
<h1> to <h6> | हेडिंग बनाने के लिए। <h1> सबसे बड़ी हेडिंग होती है। |
<p> | पैराग्राफ बनाने के लिए। |
<ul> | अनऑर्डर्ड (बिना क्रम के) लिस्ट बनाने के लिए। |
<ol> | ऑर्डर्ड (क्रमबद्ध) लिस्ट बनाने के लिए। |
<li> | लिस्ट के आइटम को डिफाइन करने के लिए। |
<table> | टेबल बनाने के लिए। |
<tr> | टेबल की एक पंक्ति (row) को डिफाइन करता है। |
<td> | टेबल का एक सेल (data) को डिफाइन करता है। |
<th> | टेबल का हेडर सेल (header cell) को डिफाइन करता है। |
<form> | HTML फॉर्म बनाने के लिए। |
<input> | फॉर्म में उपयोगकर्ता से डेटा इनपुट लेने के लिए। |
<button> | बटन बनाने के लिए। |
<div> | पेज में डिवीजन या सेक्शन बनाने के लिए। |
<span> | छोटे पैमाने पर कंटेंट को एक समूह में रखने के लिए। |
<meta> | पेज के मेटाडेटा को डिफाइन करने के लिए। |
<footer> | पेज के फुटर को डिफाइन करने के लिए। |
<header> | पेज के हेडर को डिफाइन करने के लिए। |
<script> | जावास्क्रिप्ट कोड को पेज में शामिल करने के लिए। |
HTML टैग्स का प्रयोग
HTML टैग्स का उपयोग करके हम वेब पेज का संरचना (structure) तैयार करते हैं। प्रत्येक टैग का एक विशिष्ट उद्देश्य होता है।
<h1>से<h6>तक के टैग्स का उपयोग हेडिंग बनाने के लिए किया जाता है।<p>का उपयोग पैराग्राफ बनाने के लिए।<a>का उपयोग लिंक बनाने के लिए।<img>का उपयोग इमेज डालने के लिए।