HTML Tag क्या होता है – What is HTML Tag and Types of HTML tags in Hindi? Hello Friends! How are you? Welcome again to Guptatreepoint blog. दोस्तों किसी भी webpage को डिजाईन करने के लिए हमें HTML (HyperText Markup Language) की आवश्यकता पड़ती है और HTML में हम tag के द्वारा अपने webpage को डिजाईन करते हैं लेकिन क्या आप जानते हैं की आखिर HTML tag क्या होता है?
HTML tag क्या होता है – What is HTML Tag
जब भी हम कोई भी webpage डिजाईन करते हैं तो हम उस webpage को डिजाईन करने के लिए कुछ command का उपयोग करते हैं उसको HTML tag कहा जाता है| Tag हमेशा angle bracket के अन्दर लिखा जाता है जैसे <tag>..</tag>.
HTML टैग बहुत सारे character का set होता है जो की HTML language में commands का काम करता है जिसके द्वारा हम अपने webpage को डिजाईन करते हैं| HTML टैग webpage में hidden keyword होता है जो की हमारे वेब ब्राउज़र को यह बताता है की इस webpage को किस प्रकार formatting करना है|
Tags लिखने के रूल:
जिस प्रकार programming language में कोई भी function लिखने का रूल होता है उसी प्रकार tags लिखने के भी कुछ रूल होते हैं| तो चलिए देखते हैं की कौन कौन से रूल होते हैं:
- Tags angle bracket (<>) के अन्दर लिखा होना चाहिए| जैसे की <html>. यदि आप tags को angle bracket के अन्दर नहीं लिखेंगे तो वेब ब्राउज़र उसे सिंपल text समझ लेगा और उसे text के रूप में display करेगा|
- किसी भी tags के बिच स्पेस नहीं होना चाहिए|
- गलत tags लिखने का तरीका: <h t ml>..</ ht ml>
- सही tags लिखने का तरीका: <html>..</html>
- Tags Case sensitive नहीं होता है आप इसे capital या small letter में भी लिख सकते हैं| लेकिन generally यह small letter में ही लिखा जाना बेहतर होता है|
- जब भी आप tags का opening करें तो उसका closing tags भी लिखना जरुरी है| अगर नहीं लिख्नेगे तो उस tags का formatting वहां तक अप्लाई हो जायेगा जहाँ पर उसके लायक closing tags मिलेगा| जैसे: इस program में मैंने <h1> tag का closing tag नहीं दिया है तो यह सभी कंटेंट पर अप्लाई हो जायेगा| h1 tag Heading के लिए इस्तेमाल किया जाता है|
<!DOCTYPE html>
<html>
<head>
<title>Example of Opening and Closing tags</title>
</head>
<body>
<h1> How are you?
<p> I am Fine</p>
<p>What are you doing?</p>
</body>
</html>HTML tags कितने प्रकार के होते हैं -Types of HTML tag?
HTML tag दो प्रकार के होते हैं:
- Container / Pair tag
- Empty / Singular tag
Container tag को Pair या on-off tag के नाम से भी जाना जाता है| वैसे tags जिसमें opening और closing tags दोनों available होते हैं उसे Container / Pair / On-Off tag कहा जाता है| दुसरे शब्दों में कहें तो वैसे tags जो की pair यानि की जोड़ी में use होते हैं उसे Container / Pair / On-Off tag कहा जाता है| closing tags और opening tag दोनों एक समान होते हैं लेकिन closing tags में tag name के पहले Forward slash (/) लगा हुआ रहता है|
यह tag एक section को define करता है मतलब की container tag ये बताता है की इस tag का formatting कहाँ तक अप्लाई होना है| Container tag के बहुत सारे example हैं तो चलिए देखते हैं की कौन कौन से container tags होते हैं| दोस्तों मैं यहाँ पर सभी tags का लिस्ट नहीं show कर रहा हूँ जो जो important है उसका लिस्ट show कर रहा हूँ|
- <html> … </html>
- <head> .. </head>
- <body> .. </body>
- <title> .. </title>
- <h1> .. </h1>
- <h2> .. </h2>
- <h3> .. </h3>
- <h4> .. </h4>
- <h5> .. </h5>
- <h6> .. </h6>
- <p> .. </p>
- <div> .. </div>
- <table> .. </table>
- <tr> .. </tr>
- <td> .. </td>
- <th> .. </th>
- <audio> .. </audio>
- <video> .. </video>
- <span> .. </span>
- <em> .. </em>
- <strong> .. </strong>
- <aside> .. </aside>
- <button> .. </button>
- <form> .. </form>
- <iframe> .. </iframe>
- <kbd> .. </kbd>
- <ul> .. </ul>
- <li> .. </li>
- <ol> ..</ol>
- <select> .. </select>
- <textarea> .. </textarea>
इन सभी tags के बारे में details में हम आगे आने वाले पोस्ट में पढेंगे|
2: Empty / Singular Tag
Empty tag को Singular या Stand Alone tag भी कहा जाता है| वैसे tag जिनके closing tags नहीं होते हैं उसे empty tag कहा जाता है| वैसा tag जिसके अन्दर content available नहीं होता है उसे empty tag कहा जाता है|
कभी कभी container tag भी empty tag के category में आ जाते हैं यदि उनके अन्दर कोई भी content available ना हो तो| जैसे की <p> </p> यह एक empty tag होगा क्योंकि इसके अन्दर कोई भी content available नहीं है और यदि इसके अन्दर content available करवा दिया जाये तो यह container tag के category में आ जायेगा|
Empty tag के list:
- <br/>
- <img/>
- <hr/>
HTML5 version में आपको empty tag के अंत में Forward slash देने की कोई जरुरत नहीं है आप empty यानि की singular tag को बिना forward slash के लिख सकते हैं जैसे <br>, <img>
List of HTML Tag with Description – HTML tags के लिस्ट description के साथ
| Tag | Description |
|---|---|
| <!DOCTYPE> | DOCTYPE का फुल फॉर्म Document Type होता है| यह HTML tag नहीं होता है| यह instruction होता है जो वेब ब्राउज़र को HTML के version के बारे में बताता है| |
| <a> | यह एक hyperlink tag होता है इसका इस्तेमाल page linking के लिए होता है| |
| <abbr> | इस tag का इस्तेमाल किसी भी text का फुल फॉर्म show कराने के लिए किया जाता है| |
| <address> | इस tag का इस्तेमाल address लिखने के लिए किया जाता है| |
| <area> | इस tag का इस्तेमाल किसी भी image में area को define करने के लिए किया जाता है| यह tag हमेशा |
| <article> | इस tag का इस्तेमाल किसी भी टॉपिक के definition को लिखने के लिए किया जाता है| |
| <audio> | इस tag का इस्तेमाल webpage में audio जैसे की sound, music को add करने के लिए किया जाता है| |
| <b> | किसी भी text को bold (मोटा) करने के लिए tag का इस्तेमाल होता है| |
| <base> | इस tag का इस्तेमाल document में सभी relative URL का base को specify करने के लिए किया जाता है| |
| <bdo> | इस tag का use current text direction को change करने के लिए होता है| |
| <blockquote> | इस tag का इस्तेमाल double quote देने के लिए किया जाता है| |
| <body> | यह tag HTML document का body को specify करता है| |
| <br> | इस tag का इस्तेमाल line break करने के लिए होता है| |
| <button> | <button> tag का use clickable button बनाने के लिए होता है| |
| <canvas> | इस tag का इस्तेमाल graphics draw करने के लिए होता है| |
| <caption> | इस tag का इस्तेमाल टेबल का heading यानि की caption देने के लिए किया जाता है| |
| <code> | इस tag का इस्तेमाल computer code को define करने के लिए होता है| |
| <col> | इस tag का इस्तेमाल किसी specific column पर style apply करने के लिए होता है| |
| <colgroup> | इस tag का इस्तेमाल किसी टेबल में एक या एक से अधिक column को formatting करने के लिए होता है| |
Conclusion and Final Words
बिना HTML tags के कोई भी webpage डिजाईन नहीं किया जा सकता है चाहे वह PHP या ASP या JSP में बना हो| किसी भी webpage को डिजाईन करने के लिए सबसे basic, HTML tag होता है| HTML टैग दो प्रकार के होते हैं : Container and Empty tag.
दोस्तों मैंने इस पोस्ट में HTML tag के बारे में जानकारी दी है| इस पोस्ट में हमने कुछ ही tag का listing किया है| मुझे उम्मीद है की यह पोस्ट आपको बेहद पसंद आया होगा इस पोस्ट को अपने दोस्तों के साथ शेयर जरुर करें और यदि इस पोस्ट में आप किसी भी प्रकार का कोई गलती पाते हैं तो आप मुझे तुरंत इन्फॉर्म करें ताकि मैं उस गलती को सुधार सकूं|
Thanks sir,