एच. टी. एम. एल.
एच. टी. एम. एल. : शुरुआती के लिए संपूर्ण गाइड
परिचय
एच. टी. एम. एल. (HTML) का पूर्ण रूप हाइपरटेक्स्ट मार्कअप लैंग्वेज (HyperText Markup Language) है। यह वेब पेजों का ढांचा बनाने के लिए इस्तेमाल होने वाली मानक भाषा है। सरल शब्दों में, एच. टी. एम. एल. वेब ब्राउज़र को बताता है कि किसी वेब पेज पर सामग्री को कैसे प्रदर्शित करना है। यह वेब डेवलपमेंट की नींव है और किसी भी वेबसाइट बनाने के लिए इसे समझना आवश्यक है। यह लेख शुरुआती लोगों के लिए एच. टी. एम. एल. की मूल बातें समझाने का प्रयास करेगा, ताकि वे अपनी वेब डेवलपमेंट यात्रा शुरू कर सकें।
एच. टी. एम. एल. का इतिहास
एच. टी. एम. एल. का विकास 1990 के दशक की शुरुआत में टिम बर्नर्स-ली (Tim Berners-Lee) ने किया था, जो कि CERN में काम कर रहे थे। उनका उद्देश्य वैज्ञानिकों के बीच सूचना साझा करने का एक आसान तरीका बनाना था। शुरुआती एच. टी. एम. एल. संस्करण काफी सरल था, लेकिन समय के साथ इसमें कई बदलाव और सुधार हुए।
- 1995 में, एच. टी. एम. एल. 2.0 जारी किया गया।
- 1997 में, एच. टी. एम. एल. 3.2 जारी किया गया, जिसमें टेबल और स्टाइलिंग के लिए बेहतर समर्थन जोड़ा गया।
- 1999 में, एच. टी. एम. एल. 4.0 जारी किया गया, जो कि एक महत्वपूर्ण अपडेट था।
- 2014 में, एच. टी. एम. एल.5 जारी किया गया, जो कि वर्तमान मानक है और इसमें मल्टीमीडिया समर्थन, बेहतर सिमेंटिक्स और अन्य आधुनिक विशेषताएं शामिल हैं।
एच. टी. एम. एल. की मूल संरचना
हर एच. टी. एम. एल. दस्तावेज़ एक निश्चित संरचना का पालन करता है। एक बुनियादी एच. टी. एम. एल. दस्तावेज़ इस प्रकार दिखता है:
```html <!DOCTYPE html> <html> <head> <title>पेज टाइटल</title> </head> <body>
यह एक हेडिंग है
यह एक पैराग्राफ है।
</body> </html> ```
- `<!DOCTYPE html>`: यह घोषणा ब्राउज़र को बताती है कि यह एक एच. टी. एम. एल.5 दस्तावेज़ है।
- `<html>`: यह एच. टी. एम. एल. दस्तावेज़ का मूल तत्व है।
- `<head>`: इस खंड में दस्तावेज़ के बारे में मेटाडेटा होता है, जैसे कि शीर्षक, कैरेक्टर सेट और अन्य महत्वपूर्ण जानकारी। यह सामग्री ब्राउज़र में दिखाई नहीं देती है।
- `<title>`: यह पेज का शीर्षक है जो ब्राउज़र टैब में दिखाई देता है।
- `<body>`: इस खंड में वह सामग्री होती है जो वेब पेज पर दिखाई देती है, जैसे कि टेक्स्ट, इमेज, लिंक और अन्य तत्व।
- `
`: यह एक सबसे बड़ा हेडिंग है। एच. टी. एम. एल. में छह प्रकार के हेडिंग होते हैं, `
` से `
` तक।
- `
`: यह एक पैराग्राफ है।
एच. टी. एम. एल. टैग्स
एच. टी. एम. एल. टैग्स का उपयोग वेब पेज पर सामग्री को परिभाषित करने और स्वरूपित करने के लिए किया जाता है। टैग्स को कोण कोष्ठकों (`<` और `>`) में लिखा जाता है। अधिकांश टैग्स में एक शुरुआती टैग और एक समापन टैग होता है। समापन टैग में एक स्लैश (`/`) होता है। उदाहरण के लिए:
- `
` (शुरुआती टैग)
- `` (समापन टैग)
कुछ टैग्स स्व-बंद होने वाले होते हैं, जिनमें समापन टैग की आवश्यकता नहीं होती है। उदाहरण के लिए:
- `
` (लाइन ब्रेक) - `
` (क्षैतिज रेखा) - `<img>` (इमेज)
यहां कुछ सामान्य एच. टी. एम. एल. टैग्स दिए गए हैं:
- `<a>`: हाइपरलिंक बनाने के लिए। लिंक
- ``: टेक्स्ट को बोल्ड करने के लिए।
- ``: टेक्स्ट को इटैलिक करने के लिए।
- `
- `: अनऑर्डर्ड लिस्ट बनाने के लिए। अनऑर्डर्ड लिस्ट
- `
- `: ऑर्डर्ड लिस्ट बनाने के लिए। ऑर्डर्ड लिस्ट
- `
- `: लिस्ट आइटम बनाने के लिए। लिस्ट आइटम
- ``: टेबल बनाने के लिए। टेबल
- ` `: टेबल रो बनाने के लिए। टेबल रो
- `
- `<img>`: इमेज प्रदर्शित करने के लिए। इमेज
- `<form>`: इनपुट फॉर्म बनाने के लिए। फॉर्म
- `<input>`: इनपुट फील्ड बनाने के लिए। इनपुट
- `<button>`: बटन बनाने के लिए। बटन
- `<select>`: ड्रॉप-डाउन लिस्ट बनाने के लिए। ड्रॉप-डाउन लिस्ट
- `<textarea>`: मल्टीलाइन टेक्स्ट इनपुट फील्ड बनाने के लिए। मल्टीलाइन टेक्स्ट इनपुट
- `href`: लिंक का गंतव्य यूआरएल।
- `src`: इमेज या अन्य मीडिया फ़ाइल का स्रोत यूआरएल।
- `alt`: इमेज के लिए वैकल्पिक टेक्स्ट।
- `width`: तत्व की चौड़ाई।
- `height`: तत्व की ऊंचाई।
- `style`: तत्व के लिए इनलाइन स्टाइलिंग।
- `class`: तत्व के लिए एक या अधिक क्लास नेम।
- `id`: तत्व के लिए एक अद्वितीय पहचानकर्ता।
- `title`: तत्व के लिए एक टूलटिप टेक्स्ट।
- `<header>`: पेज या सेक्शन के लिए हेडर।
- `<nav>`: नेविगेशन लिंक का समूह।
- `<main>`: पेज की मुख्य सामग्री।
- `<article>`: एक स्वतंत्र लेख या पोस्ट।
- `<aside>`: मुख्य सामग्री से संबंधित अतिरिक्त जानकारी।
- `<footer>`: पेज या सेक्शन के लिए फुटर।
- [Mozilla Developer Network (MDN)](https://developer.mozilla.org/en-US/docs/Web/HTML)
- [W3Schools](https://www.w3schools.com/html/)
- [Codecademy](https://www.codecademy.com/learn/learn-html)
- [freeCodeCamp](https://www.freecodecamp.org/learn/responsive-web-design/)
- हमेशा एक मान्य एच. टी. एम. एल. दस्तावेज़ संरचना का पालन करें।
- सिमेंटिक टैग्स का उपयोग करें।
- अपनी एच. टी. एम. एल. फ़ाइलों को अच्छी तरह से संरचित और पठनीय बनाएं।
- सीएसएस का उपयोग स्टाइलिंग के लिए करें, एच. टी. एम. एल. का नहीं।
- अपनी वेबसाइट को विभिन्न ब्राउज़रों और उपकरणों पर परीक्षण करें।
- वेब एक्सेसिबिलिटी (Web Accessibility) का ध्यान रखें। वेब एक्सेसिबिलिटी
`: टेबल डेटा सेल बनाने के लिए। टेबल डेटा सेल एच. टी. एम. एल. एट्रिब्यूट्स
एच. टी. एम. एल. एट्रिब्यूट्स का उपयोग एच. टी. एम. एल. तत्वों के बारे में अतिरिक्त जानकारी प्रदान करने के लिए किया जाता है। एट्रिब्यूट्स को टैग के अंदर लिखा जाता है और इसमें एक नाम और एक मान होता है। उदाहरण के लिए:
```html <a href="https://www.example.com">यह एक लिंक है</a> ```
इस उदाहरण में, `href` एक एट्रिब्यूट है जो लिंक के गंतव्य यूआरएल को निर्दिष्ट करता है।
यहां कुछ सामान्य एच. टी. एम. एल. एट्रिब्यूट्स दिए गए हैं:
एच. टी. एम. एल. सिमेंटिक टैग्स
एच. टी. एम. एल.5 में कई नए सिमेंटिक टैग्स पेश किए गए हैं जो वेब पेज की संरचना को अधिक अर्थपूर्ण बनाते हैं। ये टैग्स ब्राउज़र और सर्च इंजन को सामग्री को बेहतर ढंग से समझने में मदद करते हैं। कुछ सामान्य सिमेंटिक टैग्स में शामिल हैं:
सिमेंटिक टैग्स का उपयोग करने से वेबसाइट की एसईओ (सर्च इंजन ऑप्टिमाइजेशन) रैंकिंग में सुधार हो सकता है। एसईओ
एच. टी. एम. एल. फॉर्म्स
एच. टी. एम. एल. फॉर्म्स का उपयोग उपयोगकर्ताओं से इनपुट एकत्र करने के लिए किया जाता है। फॉर्म्स में विभिन्न प्रकार के इनपुट फील्ड हो सकते हैं, जैसे कि टेक्स्ट बॉक्स, चेकबॉक्स, रेडियो बटन और ड्रॉप-डाउन लिस्ट।
यहां एक साधारण एच. टी. एम. एल. फॉर्म का उदाहरण दिया गया है:
```html <form action="/submit" 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> ```
इस फॉर्म में दो इनपुट फील्ड हैं: नाम और ईमेल। जब उपयोगकर्ता "सबमिट करें" बटन पर क्लिक करता है, तो फॉर्म डेटा `/submit` यूआरएल पर पोस्ट किया जाता है।
एच. टी. एम. एल. और सीएसएस
एच. टी. एम. एल. वेब पेज की संरचना को परिभाषित करता है, जबकि सीएसएस (कैस्केडिंग स्टाइल शीट्स) वेब पेज की प्रस्तुति को नियंत्रित करता है। सीएसएस का उपयोग रंग, फ़ॉन्ट, लेआउट और अन्य दृश्य पहलुओं को बदलने के लिए किया जाता है। एच. टी. एम. एल. और सीएसएस को अक्सर एक साथ उपयोग किया जाता है ताकि सुंदर और आकर्षक वेब पेज बनाए जा सकें। सीएसएस
एच. टी. एम. एल. और जावास्क्रिप्ट
जावास्क्रिप्ट एक प्रोग्रामिंग भाषा है जिसका उपयोग वेब पेज में इंटरैक्टिविटी जोड़ने के लिए किया जाता है। जावास्क्रिप्ट का उपयोग एनिमेशन, फॉर्म सत्यापन और अन्य गतिशील सुविधाओं को बनाने के लिए किया जा सकता है। एच. टी. एम. एल. और जावास्क्रिप्ट को अक्सर एक साथ उपयोग किया जाता है ताकि वेब पेज को अधिक आकर्षक और उपयोगी बनाया जा सके। जावास्क्रिप्ट
एच. टी. एम. एल. सीखने के संसाधन
एच. टी. एम. एल. सीखने के लिए कई ऑनलाइन संसाधन उपलब्ध हैं। यहां कुछ लोकप्रिय संसाधन दिए गए हैं:
एच. टी. एम. एल. के लिए सर्वोत्तम अभ्यास
एच. टी. एम. एल. और बाइनरी ऑप्शन ट्रेडिंग
हालांकि एच. टी. एम. एल. सीधे तौर पर बाइनरी ऑप्शन ट्रेडिंग से जुड़ी नहीं है, लेकिन यह ट्रेडिंग प्लेटफॉर्म और वेबसाइटों के निर्माण में महत्वपूर्ण भूमिका निभाती है। एक सफल ट्रेडिंग प्लेटफॉर्म को उपयोगकर्ता के अनुकूल इंटरफेस, स्पष्ट जानकारी और सुरक्षित लेनदेन की आवश्यकता होती है। एच. टी. एम. एल. इन सभी पहलुओं को बनाने में मदद करता है। साथ ही, विभिन्न प्रकार के तकनीकी विश्लेषण टूल को वेब पर प्रदर्शित करने के लिए एच. टी. एम. एल. का उपयोग किया जाता है। वॉल्यूम विश्लेषण के लिए चार्ट और ग्राफ भी एच. टी. एम. एल. के माध्यम से प्रदर्शित किए जाते हैं। ट्रेडिंग प्लेटफॉर्म की जोखिम प्रबंधन सुविधाओं को भी एच. टी. एम. एल. द्वारा प्रदर्शित किया जाता है। मनी मैनेजमेंट रणनीतियों को समझाने वाली वेबसाइटों को बनाने के लिए भी एच. टी. एम. एल. का उपयोग होता है। ट्रेडिंग मनोविज्ञान पर जानकारी प्रदान करने वाली वेबसाइटों को बनाने के लिए भी एच. टी. एम. एल. का उपयोग किया जाता है। कैंडलस्टिक पैटर्न को प्रदर्शित करने के लिए एच. टी. एम. एल. आवश्यक है। चार्ट पैटर्न को प्रदर्शित करने के लिए भी इसका उपयोग होता है। मूविंग एवरेज को प्रदर्शित करने के लिए भी एच. टी. एम. एल. का उपयोग किया जाता है। आर. एस. आई. (RSI) जैसे इंडिकेटर्स को प्रदर्शित करने के लिए भी एच. टी. एम. एल. आवश्यक है। एम. ए. सी. डी. (MACD) जैसे इंडिकेटर्स को प्रदर्शित करने के लिए भी इसका उपयोग होता है। बोलिंगर बैंड को प्रदर्शित करने के लिए भी एच. टी. एम. एल. का उपयोग किया जाता है। फिबोनाची रिट्रेसमेंट को प्रदर्शित करने के लिए भी इसका उपयोग होता है। सपोर्ट और रेजिस्टेंस लेवल को प्रदर्शित करने के लिए भी एच. टी. एम. एल. का उपयोग किया जाता है।
निष्कर्ष
एच. टी. एम. एल. वेब डेवलपमेंट की नींव है। यह एक शक्तिशाली और बहुमुखी भाषा है जिसका उपयोग विभिन्न प्रकार के वेब पेज और एप्लिकेशन बनाने के लिए किया जा सकता है। इस लेख में हमने एच. टी. एम. एल. की मूल बातें और वेब डेवलपमेंट में इसके महत्व पर चर्चा की है। उम्मीद है कि यह लेख आपको एच. टी. एम. एल. सीखने की दिशा में एक अच्छी शुरुआत देगा।
अभी ट्रेडिंग शुरू करें
IQ Option पर रजिस्टर करें (न्यूनतम जमा $10) Pocket Option में खाता खोलें (न्यूनतम जमा $5)
हमारे समुदाय में शामिल हों
हमारे Telegram चैनल @strategybin से जुड़ें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार की प्रवृत्ति पर अलर्ट ✓ शुरुआती के लिए शिक्षण सामग्री
- `
