Basic HTML tags and their functions in hindi
एचटीएमएल वेब डेवलपमेंट स्ट्रक्चर लैंग्वेज में आपको कई प्रकार के अलग अलग टैग एलिमेंट मिलते है. जिन्हे आप अपनी जरूरत के अनुसार एचटीएमएल वेब पेज डिज़ाइन करने में इस्तेमाल करते है.
So let’s know about some basic HTML tag and default tasks of these tags.
Basic HTML structural tags.
- <!DOCTYPE html> – यह डिफ़ॉल्ट आपके एचटीएमएल (HTML5) के डॉक्यूमेंट टाइप और वर्जन इनफार्मेशन को इंडीकेट करता है।
- <html> – यह एचटीएमएल स्क्रिप्ट को स्टार्ट के लिए बेसिक टैग है, इसमें सभी एचटीएमएल टैग को कही भी ऐड किया जा सकता हैं।
- <head> – एचटीएमएल मौजूदा वेब पेज के डॉक्यूमेंट मेटा-इनफार्मेशन को डिस्प्ले करता है, इसके साथ ही अन्य एचटीएमएल टैग जैसे, वेब पेज टाइटल, करैक्टर एन्कोडिंग फॉर्मेट और css स्टाइलशीट लिंक आदि डिस्प्ले किये जाते है।
- <title> – यह टैग मौजूदा वेब पेज के डॉक्यूमेंट टाइटल इनफार्मेशन को डिस्प्ले करता है, यह आपके वेब ब्राउज़र में टाइटल बार या इंडिविजुअल टैब में डिस्प्ले होता है।
- <body> – बॉडी टैग में मौजूदा वेब पेज में डिस्प्ले होने वाले सभी एचटीएमएल टैग को डिस्प्ले किया जाता है, जो किसी भी वेब ब्राउज़र में डिस्प्ले होती है।
HTML text formatting tags.
- <h1>, <h2>, <h3>, <h4>, <h5>, <h6> – किसी भी एचटीएमएल वेब पेज में हैडिंग इनफार्मेशन को h1 से h6 तक टेक्स्ट हैडिंग को डिस्प्ले किया जाता है. जहा, हैडिंग 1 <h1> सबसे बड़ी साइज और हैडिंग h6 <h6> सबसे छोटे टेक्स्ट साइज में टेक्स्ट/इन्फो को डिस्प्ले किया जाता है।
- <p> – पैराग्राफ टैग मौजूदा वेब पेज में पैराग्राफ सेक्शन को डिस्प्ले या क्रिएट करते है।
- <strong> – मौजूदा वेब पेज टेक्स्ट को बोल्ड टेक्स्ट, जहा आमतौर पर बोल्ड के रूप में बड़ा या डार्क आर्डर में डिस्प्ले करता है।
- <em> – मौजूदा वेब पेज टेक्स्ट पैराग्राफ को इटैलिकाइज़्ड टेक्स्ट आर्डर में इटैलिक फॉर्मेट में डिस्प्ले किया जाता है।
- <br> – किसी बड़े टेक्स्ट में लाइन ब्रेक, यह टेक्स्ट के भीतर एक नई लाइन ब्रेक क्रिएट करता है।
- <hr> – मौजूदा वेब पेज टेक्स्ट के निचे एक हॉरिजॉन्टल रूल/लाइन क्रिएट करने में उपयोग होता है।
HTML lists tags.
- <ul> – मौजूदा एचटीएमएल वेब पेज में अनऑर्डर्ड लिस्ट (बुलेटेड लिस्ट) क्रिएट करते है।
- <ol> – मौजूदा वेब पेज में ऑर्डर्ड लिस्ट (नंबर लिस्ट) में क्रिएट की जाती है।
- <li> – मौजूदा वेब पेज लिस्ट लिस्ट आइटम क्रिएट करने में, जिसे <ul> टैग या <ol> टैग के अंदर इस्तेमाल किया जाता है।
HTML link and anchor tags.
- <a> – किसी भी वेब पेज में टेक्स्ट,इमेज,ऑडियो,वीडियो, और अन्य किसी भी प्रकार के हाइपरलिंक क्रिएट किये जाते है. जिसमे एंकर टैग को सोर्स डेस्टिनेशन से टारगेट डेस्टिनेशन में लिंक बनाए जाते है।
- <a href=”https://www.vcanhelpsu.com”>Visit vcanhelpsu.com </a>
HTML images and media tags.
- <img> – img टैग मौजूदा वेब पेज में इमेज को डिस्प्ले करता है। जहा इमेज टैग URL को इंडीकेट करने के लिए src ऐट्रिब्यूट्स को उपयोग करते है, और इमेज अल्टरनेटिव टेक्स्ट के रूप में alt टेक्स्ट को डिस्प्ले करते है।
- <img src=”nature.jpg” alt=”display Description of image”>
- <video> – मौजूदा वेब पेज में वीडियो को डिस्प्ले किया जाता है। जहा src, ऐट्रिब्यूट्स में वीडियो कंट्रोल्स फीचर्स होते हैं।
- <video src=”movie.mp4″ controls></video>
- <audio> – ऑडियो टैग का इस्तेमाल मौजूदा वेब पेज में ऑडियो फाइल को ऐड करता है। जिसमे ऑडियो src, कंट्रोल्स और ऑडियो फीचर्स होते हैं।
- <audio src=”song.mp3″ controls></audio>
HTML form tag.
- <form> – फॉर्म एक प्री-प्रिंटेड डॉक्यूमेंट फॉर्मेट है, एचटीएमएल फॉर्म वेब पेज में वेब यूजर से डायरेक्ट इनपुट लेता है।
- <input> – फॉर्म इनपुट फ़ील्ड में यूजर से टेक्स्ट इनफार्मेशन को इनपुट करता है। जैसे, यूजर नाम और टेक्स्ट वैल्यू और अन्य टेक्सटुअल इनफार्मेशन को इनपुट करता है।
- <input type=”text” name=”username”>
- <textarea> – एचटीएमएल फॉर्म में एक मल्टी-लाइन टेक्स्ट इनपुट कण्ट्रोल इनफार्मेशन को डिफाइन करते है।
- <textarea name=”message”></textarea>
- <button> – मौजूदा एचटीएमएल वेब में एक नई क्लिक करने योग्य न्यू बटन क्रिएट कर सकते है।
- <button type=”ok”>ok</button>
HTML table tag.
- <table> – एचटीएमएल वेब पेज में एक न्यू टेबल क्रिएट करते है।
- <tr> – मौजूदा वेब पेज में एक टेबल रौ क्रिएट करते है।
- <td> – मौजूदा वेब पेज में टेबल डाटा सेल (डेटा) को क्रिएट करते है।
- <th> – मौजूदा वेब पेज में टेबल हेडर सेल को क्रिएट करते है।
<table>
<tr>
<th> table Header 1 info </th>
<th>table Header 2 info</th>
</tr>
<tr>
<td> table Row 1, and Cell 1 info display </td>
<td>table Row 1, and table Cell 2 info display </td>
</tr>
</table>
HTML Matadata.
- <meta> – मेटा टैग मौजूदा एचटीएमएल वेब पेज में कैरेक्टर एन्कोडिंग फॉर्मेट और वेब पेज व्यूपोर्ट सेटिंग से रिलेटेड मेटाडेटा इनफार्मेशन को डिस्प्ले करता है।
- <meta charset=”UTF-8″>
- <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
HTML Comments.
<!– comment –> – यदि आप अपने डिज़ाइन एचटीएमएल वेब पेज में कमेंट इनफार्मेशन को डिस्प्ले करना चाहते है, तो आप <!– comment –> एचटीएमएल सोर्स कोड के अंदर जरूरत के अनुसार कमैंट्स को डिस्प्ले करते है, जो आपके द्वारा उपयोग वेब ब्राउज़र में डिस्प्ले नहीं होती हैं, या प्रीव्यू के समय वेब ब्राउज़र के द्वारा इग्नोर की जाती है।
ऊपर दर्शाए गए सभी एचटीएमएल टैग एचटीएमएल वेब पेज के फाउंडेशन एलिमेंट टैग हैं, और किसी भी एचटीएमएल वेब पेज कंटेंट इनफार्मेशन को इफेक्टिव आर्डर से वेब पेज स्ट्रक्चर और वेब पेज एलिमेंट को फॉर्मेट करने में सहायता प्रदान करते हैं।
