HTML
- एचटीएमएल: शुरुआती के लिए एक संपूर्ण गाइड (MediaWiki 1.40 संसाधन)
यह लेख उन लोगों के लिए है जो एचटीएमएल (HTML) सीखना चाहते हैं, खासकर MediaWiki 1.40 प्लेटफॉर्म के संदर्भ में। हम बुनियादी अवधारणाओं से शुरू करेंगे और धीरे-धीरे अधिक जटिल विषयों की ओर बढ़ेंगे। इस लेख का उद्देश्य आपको एचटीएमएल की ठोस समझ प्रदान करना है ताकि आप वेब पेज बनाने और MediaWiki प्लेटफॉर्म पर सामग्री को समृद्ध करने में सक्षम हो सकें।
एचटीएमएल क्या है?
एचटीएमएल का अर्थ है हाइपरटेक्स्ट मार्कअप लैंग्वेज (HyperText Markup Language)। यह वेब पेजों की संरचना का आधार है। एचटीएमएल का उपयोग करके, आप टेक्स्ट, चित्र, वीडियो और अन्य प्रकार की सामग्री को व्यवस्थित और प्रदर्शित कर सकते हैं। एचटीएमएल एक *मार्कअप लैंग्वेज* है, जिसका अर्थ है कि यह टेक्स्ट को टैग का उपयोग करके एनोटेट करता है जो ब्राउज़र को बताते हैं कि सामग्री को कैसे प्रदर्शित किया जाए।
वेब विकास एक व्यापक क्षेत्र है, और एचटीएमएल इसका एक मूलभूत हिस्सा है।
एचटीएमएल का मूल ढांचा
प्रत्येक एचटीएमएल दस्तावेज़ एक विशिष्ट संरचना का पालन करता है। यहां एक बुनियादी एचटीएमएल दस्तावेज़ का उदाहरण दिया गया है:
```html <!DOCTYPE html> <html> <head>
<title>मेरा पहला वेब पेज</title>
</head> <body>
यह एक शीर्षक है
यह एक पैराग्राफ है।
</body> </html> ```
- `<!DOCTYPE html>`: यह ब्राउज़र को बताता है कि यह दस्तावेज़ एचटीएमएल5 का उपयोग कर रहा है।
- `<html>`: यह एचटीएमएल दस्तावेज़ का रूट तत्व है।
- `<head>`: इसमें दस्तावेज़ के बारे में मेटाडेटा होता है, जैसे कि शीर्षक, कैरेक्टर सेट, और स्टाइलशीट लिंक।
- `<title>`: यह ब्राउज़र टैब या विंडो के शीर्षक बार में प्रदर्शित होने वाला शीर्षक निर्दिष्ट करता है।
- `<body>`: इसमें वेब पेज की वास्तविक सामग्री होती है जो उपयोगकर्ता को दिखाई देती है।
- `
`: यह एक मुख्य शीर्षक है। एचटीएमएल में `
` से `
` तक छह स्तर के शीर्षक उपलब्ध हैं।
- `
`: यह एक पैराग्राफ है।
एचटीएमएल टैग
एचटीएमएल टैग वे कीवर्ड हैं जो एंगल्ड ब्रैकेट (`<` और `>`) के भीतर संलग्न होते हैं। टैग का उपयोग सामग्री को चिह्नित करने और ब्राउज़र को यह बताने के लिए किया जाता है कि सामग्री को कैसे प्रदर्शित किया जाए।
- **ओपनिंग टैग**: `<tagname>` - यह टैग की शुरुआत को दर्शाता है।
- **क्लोजिंग टैग**: `</tagname>` - यह टैग के अंत को दर्शाता है।
उदाहरण: `
यह एक पैराग्राफ है।
`
कुछ सामान्य एचटीएमएल टैग:
- `<a href="URL">लिंक टेक्स्ट</a>`: एक हाइपरलिंक बनाता है। हाइपरलिंक वेब पेजों के बीच नेविगेट करने के लिए महत्वपूर्ण हैं।
- `<img src="URL" alt="वैकल्पिक टेक्स्ट">`: एक छवि प्रदर्शित करता है।
- `
- `: एक अनऑर्डर्ड (बुलेटेड) सूची बनाता है।
- `
- `: एक ऑर्डर्ड (नंबर वाली) सूची बनाता है।
- `
- `: एक सूची आइटम को दर्शाता है।
- ``: एक तालिका बनाता है।
- ` `: एक तालिका पंक्ति को दर्शाता है।
- `
- ``: टेक्स्ट को बोल्ड करता है।
- ``: टेक्स्ट को इटैलिक करता है।
- `
`: एक लाइन ब्रेक डालता है। - `
`: एक क्षैतिज रेखा डालता है। - ``: एक कंटेनर तत्व बनाता है जिसका उपयोग सामग्री को समूहीकृत करने के लिए किया जाता है।
- ``: एक इनलाइन कंटेनर तत्व बनाता है जिसका उपयोग टेक्स्ट के कुछ हिस्सों को स्टाइल करने के लिए किया जाता है।
- `src`: छवि का स्रोत URL निर्दिष्ट करता है।
- `alt`: छवि के लिए वैकल्पिक टेक्स्ट प्रदान करता है, जो तब प्रदर्शित होता है जब छवि लोड नहीं हो पाती है।
- `<form>`: एक फॉर्म बनाता है। `action` एट्रिब्यूट निर्दिष्ट करता है कि फॉर्म डेटा को संसाधित करने के लिए किस URL पर भेजा जाना चाहिए। `method` एट्रिब्यूट निर्दिष्ट करता है कि फॉर्म डेटा को कैसे भेजा जाना चाहिए (जैसे, `post` या `get`)।
- `<label>`: एक फॉर्म तत्व के लिए एक लेबल बनाता है।
- `<input>`: एक इनपुट फ़ील्ड बनाता है। `type` एट्रिब्यूट इनपुट फ़ील्ड का प्रकार निर्दिष्ट करता है (जैसे, `text`, `email`, `password`)। `id` और `name` एट्रिब्यूट इनपुट फ़ील्ड को पहचानते हैं।
- `<input type="submit">`: एक सबमिट बटन बनाता है।
- ``: टेक्स्ट को बोल्ड करता है।
- ``: टेक्स्ट को इटैलिक करता है।
- `
`: एक लाइन ब्रेक डालता है। - `
`: एक क्षैतिज रेखा डालता है। - ``: एक तालिका बनाता है।
आप विशेष MediaWiki सिंटैक्स का उपयोग करके भी अधिक जटिल संरचनाएं बना सकते हैं, जैसे कि टेम्पलेट और श्रेणी।
एचटीएमएल और सीएसएस
एचटीएमएल वेब पेज की संरचना को परिभाषित करता है, जबकि सीएसएस (Cascading Style Sheets) वेब पेज की प्रस्तुति को नियंत्रित करता है। सीएसएस का उपयोग करके, आप टेक्स्ट का रंग, फ़ॉन्ट, आकार, और पृष्ठभूमि रंग बदल सकते हैं। सीएसएस एचटीएमएल के साथ मिलकर काम करता है ताकि सुंदर और आकर्षक वेब पेज बनाए जा सकें।
एचटीएमएल और जावास्क्रिप्ट
एचटीएमएल और सीएसएस के अलावा, आप वेब पेज में इंटरैक्टिविटी जोड़ने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं। जावास्क्रिप्ट का उपयोग करके, आप उपयोगकर्ता की क्रियाओं पर प्रतिक्रिया कर सकते हैं, सामग्री को गतिशील रूप से बदल सकते हैं, और एनिमेशन बना सकते हैं।
एचटीएमएल का भविष्य
एचटीएमएल लगातार विकसित हो रहा है। एचटीएमएल5 नवीनतम संस्करण है, और इसमें कई नई सुविधाएँ और क्षमताएं शामिल हैं, जैसे कि कैनवास, वीडियो, और ऑडियो समर्थन। वेब विकास के भविष्य के लिए एचटीएमएल एक महत्वपूर्ण तकनीक बनी रहेगी।
उन्नत एचटीएमएल अवधारणाएँ
- **सिमेंटिक एचटीएमएल**: सिमेंटिक एचटीएमएल का उपयोग करके, आप अपने वेब पेज की संरचना को अधिक अर्थपूर्ण बनाते हैं। उदाहरण के लिए, आप `<article>`, `<aside>`, `<nav>`, और `<header>` जैसे टैग का उपयोग कर सकते हैं।
- **एचटीएमएल5 एपीआई**: एचटीएमएल5 कई नए एपीआई प्रदान करता है जो आपको वेब पेज में नई कार्यक्षमता जोड़ने की अनुमति देते हैं, जैसे कि जियोलोकेशन, वेब स्टोरेज, और वेब सॉकेट।
- **रिस्पॉन्सिव वेब डिज़ाइन**: रिस्पॉन्सिव वेब डिज़ाइन का उपयोग करके, आप ऐसे वेब पेज बना सकते हैं जो विभिन्न उपकरणों (जैसे, डेस्कटॉप, टैबलेट, और स्मार्टफोन) पर अच्छी तरह से प्रदर्शित हों। रिस्पॉन्सिव डिजाइन आजकल बहुत महत्वपूर्ण है।
एचटीएमएल सीखने के संसाधन
- डब्ल्यू3सीएचटीएमएल - एचटीएमएल के लिए आधिकारिक संसाधन।
- एमडीएन वेब डॉक्स - वेब विकास के लिए एक व्यापक संसाधन।
- कोडअकादमी - इंटरैक्टिव एचटीएमएल ट्यूटोरियल प्रदान करता है।
- फ्रीकोडकैंप - वेब विकास सीखने के लिए एक मुफ्त ऑनलाइन प्लेटफ़ॉर्म।
अतिरिक्त जानकारी
- **टेबल डिजाइन**: जटिल डेटा को व्यवस्थित करने के लिए टेबल्स का उपयोग करना।
- **फॉर्म वैलिडेशन**: यह सुनिश्चित करना कि उपयोगकर्ता द्वारा दर्ज किया गया डेटा सही प्रारूप में है।
- **एक्सेसिबिलिटी**: यह सुनिश्चित करना कि आपकी वेबसाइट सभी उपयोगकर्ताओं के लिए सुलभ है, जिसमें विकलांग लोग भी शामिल हैं।
- **एसईओ (सर्च इंजन ऑप्टिमाइजेशन)**: अपनी वेबसाइट को खोज इंजन के लिए अनुकूलित करना।
- **वेब सुरक्षा**: अपनी वेबसाइट को सुरक्षा खतरों से बचाना।
इस लेख में हमने एचटीएमएल की मूल बातें और MediaWiki प्लेटफॉर्म पर इसके उपयोग के बारे में चर्चा की है। एचटीएमएल एक शक्तिशाली तकनीक है जिसका उपयोग वेब पेज बनाने और वेब सामग्री को समृद्ध करने के लिए किया जा सकता है। अभ्यास करते रहें और सीखते रहें, और आप जल्द ही एचटीएमएल में विशेषज्ञ बन जाएंगे!
वेब होस्टिंग और डोमेन नाम वेब विकास के अन्य महत्वपूर्ण पहलू हैं।
तकनीकी विश्लेषण और वॉल्यूम विश्लेषण
हालांकि सीधे तौर पर एचटीएमएल से संबंधित नहीं है, तकनीकी विश्लेषण और वॉल्यूम विश्लेषण वेब विकास परियोजनाओं के लिए महत्वपूर्ण हो सकते हैं, खासकर यदि आप ऑनलाइन व्यापार या विपणन के लिए वेबसाइट बना रहे हैं। ये तकनीकें आपको वेबसाइट ट्रैफ़िक और उपयोगकर्ता व्यवहार को समझने में मदद कर सकती हैं।
बाइनरी ऑप्शन के साथ संबंध (केवल संदर्भ के लिए)
बाइनरी ऑप्शन ट्रेडिंग प्लेटफॉर्म अक्सर एचटीएमएल और जावास्क्रिप्ट का उपयोग करके बनाए जाते हैं। हालांकि, एचटीएमएल का ज्ञान सीधे तौर पर बाइनरी ऑप्शन ट्रेडिंग में मदद नहीं करता है। यह सिर्फ एक तकनीकी जानकारी है कि इन प्लेटफॉर्मों को कैसे बनाया जाता है। जोखिम प्रबंधन और ट्रेडिंग रणनीतियाँ बाइनरी ऑप्शन ट्रेडिंग के लिए अधिक महत्वपूर्ण हैं। पैसे का प्रबंधन भी महत्वपूर्ण है। मार्केट सेंटीमेंट को समझना भी आवश्यक है। आर्थिक कैलेंडर पर नज़र रखना भी महत्वपूर्ण है। चार्ट पैटर्न की पहचान करना भी एक उपयोगी कौशल है। तकनीकी संकेतक का उपयोग करना भी एक आम रणनीति है। फंडामेंटल एनालिसिस भी उपयोगी हो सकता है। न्यूज़ ट्रेडिंग भी एक रणनीति है। ऑटोमेटेड ट्रेडिंग भी संभव है। ब्रोकर चयन भी महत्वपूर्ण है। रेगुलेशन की जांच करना भी आवश्यक है।
अभी ट्रेडिंग शुरू करें
IQ Option पर रजिस्टर करें (न्यूनतम जमा $10) Pocket Option में खाता खोलें (न्यूनतम जमा $5)
हमारे समुदाय में शामिल हों
हमारे Telegram चैनल @strategybin से जुड़ें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार की प्रवृत्ति पर अलर्ट ✓ शुरुआती के लिए शिक्षण सामग्री
`: एक तालिका डेटा सेल को दर्शाता है। एचटीएमएल एट्रिब्यूट
एचटीएमएल एट्रिब्यूट टैग के भीतर प्रदान की गई अतिरिक्त जानकारी होती है। एट्रिब्यूट टैग के व्यवहार को संशोधित करते हैं।
एट्रिब्यूट का सामान्य प्रारूप है: `attribute_name="attribute_value"`
उदाहरण: `<img src="image.jpg" alt="एक छवि">`
एचटीएमएल फॉर्म
एचटीएमएल फॉर्म का उपयोग उपयोगकर्ता से इनपुट एकत्र करने के लिए किया जाता है।
यहां एक बुनियादी एचटीएमएल फॉर्म का उदाहरण दिया गया है:
```html <form action="process_form.php" method="post">
<label for="name">नाम:</label>
<input type="text" id="name" name="name">
<label for="email">ईमेल:</label>
<input type="email" id="email" name="email">
<input type="submit" value="सबमिट"></form> ```
MediaWiki में एचटीएमएल का उपयोग
MediaWiki एक शक्तिशाली विकि सॉफ्टवेयर है जिसका उपयोग विकिपीडिया सहित कई वेबसाइटों को चलाने के लिए किया जाता है। MediaWiki में, आप अपने लेखों को समृद्ध करने के लिए एचटीएमएल का उपयोग कर सकते हैं।
MediaWiki एचटीएमएल के एक सबसेट का समर्थन करता है। इसका मतलब है कि सभी एचटीएमएल टैग और एट्रिब्यूट समर्थित नहीं हैं। MediaWiki के एचटीएमएल समर्थन के बारे में अधिक जानकारी के लिए, MediaWiki सहायता पृष्ठ देखें।
उदाहरण के लिए, आप अपने MediaWiki लेख में निम्नलिखित एचटीएमएल टैग का उपयोग कर सकते हैं:
- `
