एचटीएमएल टैग संदर्भ
- एचटीएमएल टैग संदर्भ
परिचय
एचटीएमएल (हाइपरटेक्स्ट मार्कअप लैंग्वेज) वेब पेजों की संरचना बनाने के लिए इस्तेमाल होने वाली एक मानक मार्कअप भाषा है। एचटीएमएल टैग एचटीएमएल दस्तावेज़ के बिल्डिंग ब्लॉक हैं। ये टैग वेब ब्राउज़र को बताते हैं कि सामग्री को कैसे प्रदर्शित किया जाए। यह लेख शुरुआती लोगों के लिए एचटीएमएल टैग का एक विस्तृत संदर्भ प्रदान करता है, जिसमें उनके उपयोग और उदाहरण शामिल हैं। वेब विकास में रुचि रखने वाले किसी भी व्यक्ति के लिए एचटीएमएल की बुनियादी समझ आवश्यक है। यह लेख बाइनरी ऑप्शन ट्रेडिंग से अलग है, लेकिन वेब पर जानकारी प्रस्तुत करने की समझ ट्रेडिंग प्लेटफॉर्म के इंटरफेस को समझने में मदद कर सकती है।
एचटीएमएल टैग क्या हैं?
एचटीएमएल टैग कोण कोष्ठकों (<>) के भीतर लिखे गए कीवर्ड हैं। अधिकांश टैगों में एक शुरुआती टैग और एक समापन टैग होता है। समापन टैग शुरुआती टैग के समान होता है, लेकिन इसमें एक स्लैश (/) होता है। उदाहरण के लिए, `
` एक पैराग्राफ टैग है, और `
` एक समापन पैराग्राफ टैग है।
| टैग | विवरण | उदाहरण |
| `<html>` | एचटीएमएल दस्तावेज़ का मूल तत्व | `<html>...</html>` |
| `<head>` | दस्तावेज़ के बारे में मेटाडेटा शामिल करता है | `<head>...</head>` |
| `<title>` | ब्राउज़र टैब में प्रदर्शित दस्तावेज़ का शीर्षक | `<title>मेरा वेब पेज</title>` |
| `<body>` | दस्तावेज़ की सामग्री शामिल करता है | `<body>...</body>` |
`` से ` |
हेडिंग (शीर्षक) को परिभाषित करते हैं | `यह एक हेडिंग है` |
| ` ` |
पैराग्राफ को परिभाषित करता है | ` यह एक पैराग्राफ है। ` |
| ` ` |
लाइन ब्रेक सम्मिलित करता है | ` यह एक लाइन ब्रेक है |
| ` ` |
हॉरिजॉन्टल रूल (क्षैतिज रेखा) सम्मिलित करता है | ` ` |
बुनियादी एचटीएमएल टैग
- `<html>`: यह टैग एचटीएमएल दस्तावेज़ का मूल तत्व है और अन्य सभी टैगों को इसमें शामिल किया जाता है।
- `<head>`: यह टैग दस्तावेज़ के बारे में मेटाडेटा (जैसे शीर्षक, वर्ण सेट, और स्टाइलशीट) शामिल करता है। यह सामग्री ब्राउज़र में प्रदर्शित नहीं होती है।
- `<title>`: यह टैग ब्राउज़र टैब या विंडो के शीर्षक बार में प्रदर्शित होने वाले दस्तावेज़ का शीर्षक निर्दिष्ट करता है।
- `<body>`: यह टैग दस्तावेज़ की मुख्य सामग्री शामिल करता है, जो ब्राउज़र में प्रदर्शित होती है।
टेक्स्ट फॉर्मेटिंग टैग
- ``: टेक्स्ट को बोल्ड करता है।
- ``: टेक्स्ट को महत्वपूर्ण के रूप में चिह्नित करता है (आमतौर पर बोल्ड के रूप में प्रदर्शित होता है)।
- ``: टेक्स्ट को इटैलिक करता है।
- ``: टेक्स्ट को जोर देने के लिए चिह्नित करता है (आमतौर पर इटैलिक के रूप में प्रदर्शित होता है)।
- ``: टेक्स्ट को हाइलाइट करता है।
- ``: टेक्स्ट को छोटा करता है।
- `
`: डिलीट किए गए टेक्स्ट को दर्शाता है (आमतौर पर स्ट्राइकथ्रू के रूप में प्रदर्शित होता है)। - ``: इंसर्ट किए गए टेक्स्ट को दर्शाता है (आमतौर पर अंडरलाइन के रूप में प्रदर्शित होता है)।
- ``: सबस्क्रिप्ट टेक्स्ट बनाता है।
- ``: सुपरस्क्रिप्ट टेक्स्ट बनाता है।
लिंक और इमेज टैग
- `<a>`: हाइपरलिंक बनाता है। `href` विशेषता लिंक का गंतव्य निर्दिष्ट करती है। उदाहरण: `<a href="https://www.example.com">उदाहरण वेबसाइट</a>`
- `<img>`: इमेज सम्मिलित करता है। `src` विशेषता इमेज का URL निर्दिष्ट करती है, और `alt` विशेषता इमेज के लिए वैकल्पिक टेक्स्ट प्रदान करती है। उदाहरण: `<img src="image.jpg" alt="एक इमेज">`
लिस्ट टैग
- `
- `: अनऑर्डर्ड लिस्ट (बुलेटेड लिस्ट) बनाता है।
- `
- `: ऑर्डर्ड लिस्ट (नंबर वाली लिस्ट) बनाता है।
- `
- `: लिस्ट आइटम को परिभाषित करता है।
लिस्ट उदाहरण टैग उदाहरण आउटपुट ` - ` && `
- `
` - पहला आइटम
- दूसरा आइटम
• पहला आइटम • दूसरा आइटम
` - ` && `
- `
` - पहला आइटम
- दूसरा आइटम
1. पहला आइटम 2. दूसरा आइटम
टेबल टैग
- ``: टेबल बनाता है।
- ` `: टेबल रो को परिभाषित करता है।
- `
- `
- `<form>`: एचटीएमएल फॉर्म बनाता है।
- `<input>`: उपयोगकर्ता इनपुट के लिए एक इनपुट फ़ील्ड बनाता है। `type` विशेषता इनपुट फ़ील्ड के प्रकार (जैसे टेक्स्ट, पासवर्ड, सबमिट) को निर्दिष्ट करती है।
- `<textarea>`: मल्टीलाइन टेक्स्ट इनपुट फ़ील्ड बनाता है।
- `<button>`: क्लिक करने योग्य बटन बनाता है।
- `<select>`: ड्रॉप-डाउन सूची बनाता है।
- `<option>`: ड्रॉप-डाउन सूची में एक विकल्प को परिभाषित करता है।
- ``: एक ब्लॉक-लेवल डिवीज़न बनाता है। इसका उपयोग सामग्री को समूहीकृत करने और स्टाइल करने के लिए किया जाता है।
- ``: एक इनलाइन डिवीज़न बनाता है। इसका उपयोग टेक्स्ट के विशिष्ट भागों को स्टाइल करने के लिए किया जाता है।
- `id`: एक विशिष्ट पहचानकर्ता निर्दिष्ट करता है।
- `class`: एक या अधिक क्लास नाम निर्दिष्ट करता है।
- `style`: इनलाइन स्टाइलिंग लागू करता है।
- `href`: एक लिंक का गंतव्य निर्दिष्ट करता है।
- `src`: एक इमेज या अन्य संसाधन का URL निर्दिष्ट करता है।
- `alt`: एक इमेज के लिए वैकल्पिक टेक्स्ट प्रदान करता है।
- `title`: एक टैग के लिए एक टूलटिप टेक्स्ट प्रदान करता है।
- `<`: `<`
- `>`: `>`
- `&`: `&`
- ` `: गैर-ब्रेकिंग स्पेस
- `©`: कॉपीराइट प्रतीक
- `<header>`: दस्तावेज़ या सेक्शन के लिए हेडर को परिभाषित करता है।
- `<nav>`: नेविगेशन लिंक के समूह को परिभाषित करता है।
- `<article>`: एक स्वतंत्र, स्व-निहित सामग्री को परिभाषित करता है।
- `<aside>`: मुख्य सामग्री से संबंधित साइडबार या अतिरिक्त सामग्री को परिभाषित करता है।
- `<footer>`: दस्तावेज़ या सेक्शन के लिए फ़ूटर को परिभाषित करता है।
- `<section>`: दस्तावेज़ में एक सेक्शन को परिभाषित करता है।
- `<video>`: वीडियो एम्बेड करता है।
- `<audio>`: ऑडियो एम्बेड करता है।
- `<canvas>`: ग्राफिक्स बनाने के लिए एक क्षेत्र प्रदान करता है।
`: टेबल हेडर सेल को परिभाषित करता है। `: टेबल डेटा सेल को परिभाषित करता है। फॉर्म टैग
डिविज़न और स्पैन टैग
एचटीएमएल विशेषताएँ
एचटीएमएल टैग में विशेषताएँ अतिरिक्त जानकारी प्रदान करती हैं। विशेषताएँ टैग के भीतर लिखी जाती हैं और एक नाम-मूल्य जोड़ी के रूप में होती हैं। उदाहरण के लिए, `<img src="image.jpg" alt="एक इमेज">` में `src` और `alt` विशेषताएँ हैं।
कुछ सामान्य एचटीएमएल विशेषताएँ:
एचटीएमएल एंटिटीज
एचटीएमएल एंटिटीज विशेष वर्णों को दर्शाने के लिए उपयोग किए जाते हैं जिन्हें एचटीएमएल में सीधे टाइप नहीं किया जा सकता है। उदाहरण के लिए, `<` का उपयोग `<` वर्ण को दर्शाने के लिए किया जाता है। कुछ सामान्य एचटीएमएल एंटिटीज:
एचटीएमएल 5 नए टैग
एचटीएमएल 5 ने कई नए टैग पेश किए जो वेब पेजों की संरचना और अर्थ को बेहतर बनाने में मदद करते हैं। कुछ महत्वपूर्ण एचटीएमएल 5 टैग:
एचटीएमएल टैग और वेब एक्सेसिबिलिटी
सही एचटीएमएल टैग का उपयोग वेब एक्सेसिबिलिटी के लिए महत्वपूर्ण है। स्क्रीन रीडर और अन्य सहायक तकनीकें एचटीएमएल टैग का उपयोग वेब पेज की सामग्री को समझने और उपयोगकर्ताओं को जानकारी प्रस्तुत करने के लिए करती हैं। उदाहरण के लिए, हेडिंग टैग (`` से `
`) का उपयोग वेब पेज की संरचना को परिभाषित करने के लिए किया जाना चाहिए, जिससे स्क्रीन रीडर उपयोगकर्ताओं को सामग्री को नेविगेट करने में मदद मिलती है। `alt` विशेषता का उपयोग इमेज के लिए वर्णनात्मक टेक्स्ट प्रदान करने के लिए किया जाना चाहिए, जिससे दृष्टिबाधित उपयोगकर्ता इमेज की सामग्री को समझ सकते हैं।
एचटीएमएल टैग और एसईओ (खोज इंजन अनुकूलन)
सही एचटीएमएल टैग का उपयोग एसईओ के लिए भी महत्वपूर्ण है। खोज इंजन एचटीएमएल टैग का उपयोग वेब पेज की सामग्री को समझने और खोज परिणामों में रैंक करने के लिए करती हैं। उदाहरण के लिए, `<title>` टैग का उपयोग वेब पेज के शीर्षक को परिभाषित करने के लिए किया जाना चाहिए, जो खोज परिणामों में प्रदर्शित होता है। हेडिंग टैग (`` से `
`) का उपयोग वेब पेज की सामग्री के मुख्य विषयों को उजागर करने के लिए किया जाना चाहिए। `alt` विशेषता का उपयोग इमेज के लिए वर्णनात्मक टेक्स्ट प्रदान करने के लिए किया जाना चाहिए, जिससे खोज इंजन इमेज की सामग्री को समझ सकें।
एचटीएमएल टैग और सीएसएस
सीएसएस (कैस्केडिंग स्टाइल शीट्स) का उपयोग वेब पेज की प्रस्तुति को स्टाइल करने के लिए किया जाता है। एचटीएमएल टैग सामग्री की संरचना को परिभाषित करते हैं, जबकि सीएसएस सामग्री की उपस्थिति को नियंत्रित करता है। सीएसएस का उपयोग एचटीएमएल टैग के रंग, फ़ॉन्ट, आकार और अन्य स्टाइलिंग गुणों को बदलने के लिए किया जा सकता है।
एचटीएमएल टैग और जावास्क्रिप्ट
जावास्क्रिप्ट का उपयोग वेब पेजों में इंटरैक्टिविटी जोड़ने के लिए किया जाता है। जावास्क्रिप्ट का उपयोग एचटीएमएल टैग की सामग्री और विशेषताओं को बदलने के लिए किया जा सकता है, जिससे गतिशील और इंटरैक्टिव वेब पेज बनाए जा सकते हैं।
एचटीएमएल टैग और रेस्पॉन्सिव वेब डिजाइन
रेस्पॉन्सिव वेब डिजाइन विभिन्न उपकरणों (जैसे डेस्कटॉप, टैबलेट और स्मार्टफोन) पर अच्छी तरह से प्रदर्शित होने वाले वेब पेज बनाने की एक तकनीक है। एचटीएमएल टैग का उपयोग रेस्पॉन्सिव वेब डिजाइन को लागू करने के लिए किया जा सकता है। उदाहरण के लिए, `<meta name="viewport" content="width=device-width, initial-scale=1.0">` टैग का उपयोग ब्राउज़र को वेब पेज को डिवाइस की चौड़ाई के अनुसार स्केल करने के लिए बताने के लिए किया जाता है।
निष्कर्ष
एचटीएमएल टैग वेब पेजों की संरचना बनाने के लिए आवश्यक हैं। इस लेख में, हमने बुनियादी एचटीएमएल टैग, उनकी विशेषताओं और उनके उपयोग के बारे में सीखा। सही एचटीएमएल टैग का उपयोग वेब एक्सेसिबिलिटी, एसईओ और रेस्पॉन्सिव वेब डिजाइन के लिए महत्वपूर्ण है। एचटीएमएल टैग की गहरी समझ वेब डेवलपर्स को प्रभावी और उपयोगकर्ता के अनुकूल वेब पेज बनाने में मदद करेगी।
यह जानकारी तकनीकी विश्लेषण और वॉल्यूम विश्लेषण जैसी जटिल अवधारणाओं को समझने के लिए एक मजबूत आधार प्रदान कर सकती है, भले ही ये बाइनरी ऑप्शन ट्रेडिंग के लिए अधिक प्रासंगिक हों। वेब पर जानकारी की प्रस्तुति की समझ किसी भी डिजिटल प्लेटफॉर्म पर जानकारी को प्रभावी ढंग से संसाधित करने में महत्वपूर्ण है।
वेब सर्वर क्लाइंट-सर्वर मॉडल डोमेन नाम होस्टिंग यूआरएल ब्राउज़र मेटा टैग एट्रीब्यूट फॉर्म वैलिडेशन डेटाबेस एसक्यूएल एपीआई जावास्क्रिप्ट फ्रेमवर्क एसईओ उपकरण वेब एक्सेसिबिलिटी दिशानिर्देश
अभी ट्रेडिंग शुरू करें
IQ Option पर रजिस्टर करें (न्यूनतम जमा $10) Pocket Option में खाता खोलें (न्यूनतम जमा $5)
हमारे समुदाय में शामिल हों
हमारे Telegram चैनल @strategybin से जुड़ें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार की प्रवृत्ति पर अलर्ट ✓ शुरुआती के लिए शिक्षण सामग्री
- `
