चीट शीट एचटीएमएल – परिचय
एचटीएमएल को अक्सर हाइपरटेक्स्ट मार्कअप भाषा कहा जाता है, यह एक मानक मार्कअप भाषा है जो वेब अनुप्रयोगों और वेब पृष्ठों के विकास के लिए उपयोग की जाती है । एचटीएमएल डब्ल्यू 3 सी और वॅट्व्ग द्वारा डिज़ाइन और विकसित किया गया था। एचटीएमएल पहली बार वर्ष 1 99 3 में दिखाई दिया जो 25 साल पहले है। नवीनतम संस्करण एचटीएमएल 5.x है। फ़ाइल एक्सटेंशन .एचटीएमएल या .एचटीएम होगा और आईएसओ / आईईसी, डब्ल्यू 3 सी, और एचटीएमएल नवीनतम सिफारिश मानकों द्वारा विकसित किया गया था। जावास्क्रिप्ट और सीएसएस ( कैस्केडिंग स्टाइल शीट्स ) आगे वर्ल्ड वाइड वेब प्रौद्योगिकियों में एचटीएमएल को और अधिक शक्तिशाली बनाते हैं।
चीट शीट एचटीएमएल पर तत्व और सामग्री
एचटीएमएल तत्व एचटीएमएल वेब पृष्ठों के प्रमुख घटक हैं। तत्व तत्व के आस-पास बंद कोणीय ब्रैकेट का उपयोग कर टैग के रूप में एचटीएमएल तत्वों का उल्लेख किया गया है। एचटीएमएल अपनी सामग्री में एम्बेडिंग के रूप में अपनी सामग्री के अंदर जावास्क्रिप्ट प्रोग्राम जैसे स्क्रिप्ट शामिल कर सकता है । किसी भी सामग्री के बिना एचटीएमएल तत्व खाली तत्व कहा जाता है। प्रत्येक एचटीएमएल तत्व में एक प्रारंभ टैग और अंत टैग होता है। नीचे चीट शीट एचटीएमएल तत्वों की सूची दी गई है जो विभिन्न प्रकार की कार्यक्षमताओं को दर्शाती हैं:
तत्व | विवरण |
एचटीएमएल तत्वों | |
<P> | यह टैग अनुच्छेद परिभाषित करता है। |
<a href=’link’> | इसका उपयोग एक हाइपरलिंक को परिभाषित करने के लिए किया जाता है जो एक वेब पेज को किसी अन्य वेब पेज से लिंक करता है। <a> तत्व में href सबसे महत्वपूर्ण विशेषता है। |
<Div> | यह एक कंटेनर टैग के रूप में प्रयोग किया जाता है जो अन्य पेज तत्वों के कार्यान्वयन को छुपाता है। |
<br /> | इस टैग का उपयोग लाइन ब्रेक एलिमेंट नामक रेखा को तोड़ने के लिए किया जाता है। |
<H1> | हेडिंग सामग्री को प्रदर्शित करने के लिए यह टैग हेडर तत्वों के रूप में उपयोग किया जाता है जो अधिक महत्वपूर्ण है। इसे पृष्ठ शीर्षक भी कहा जाता है। |
<H2> | यह टैग हेडर के रूप में उपयोग किया जाता है जिसका उपयोग पृष्ठ शीर्षक के रूप में किया जाता है। |
<H3> | यह टैग हेडर के रूप में उपयोग किया जाता है जिसका उपयोग तृतीयक शीर्षक के रूप में किया जाता है। |
<H4> | इस टैग को हेडर के रूप में उपयोग किया जाता है जिसे क्वाटरनेरी हेडिंग के रूप में उपयोग किया जाता है। |
<Strong> | बोल्ड टेक्स्ट प्रदर्शित करने के लिए इस टैग का उपयोग किया जाता है। |
<Em> | इस टैग का उपयोग इटालिक टेक्स्ट को प्रदर्शित करने के लिए किया जाता है। |
<Span> | इस टैग का उपयोग शैली विशेषता का उपयोग करके रेखांकित पाठ को प्रदर्शित करने के लिए किया जाता है। |
<Abbr> | इस टैग का प्रयोग संक्षेप को परिभाषित करने के लिए किया जाता है। |
<Iframe> | यह टैग इनलाइन फ़्रेमिंग के लिए है और वर्तमान एचटीएमएल दस्तावेज़ में किसी अन्य दस्तावेज़ को एम्बेड करने के लिए उपयोग किया जाता है। |
<Q> | इस टैग का उपयोग एक संक्षिप्त उद्धरण को दर्शाने के लिए किया जाता है। |
<Blockquote> | इस टैग का उपयोग किसी अन्य स्रोत से उद्धृत उद्धरण के एक अनुभाग को परिभाषित करने के लिए किया जाता है |
<Img> | इस टैग का उपयोग एचटीएमएल वेब पेज पर एक छवि डालने और परिभाषित करने के लिए किया जाता है। |
एचटीएमएल सैमांतिक तत्व | |
<Div> | इस टैग का उपयोग इस टैग के अंदर किसी भी एचटीएमएल तत्व का उल्लेख करने के लिए किया जाता है जो एक कंटेनर टैग के रूप में कार्य करता है। |
<Span> | इस टैग का उपयोग तत्वों के लिए समूह और शैलियों को लागू करने के लिए किया जाता है। |
<लेख> | इस टैग का उपयोग एचटीएमएल दस्तावेज़ के अंदर स्वयं निहित सामग्री को परिभाषित करने के लिए किया जाता है। |
<एक तरफ> | इस टैग का उपयोग संबंधित खंड से अलग पृष्ठ के एक अनुभाग को प्रदर्शित करने के लिए किया जाता है। |
<विवरण> | इस टैग का उपयोग अतिरिक्त जानकारी प्रदर्शित करने के लिए किया जाता है जिसे अतिरिक्त बटन विकल्प का उपयोग करके छुपाया जा सकता है। |
<Header> | इस टैग का उपयोग किसी सेक्शन या दस्तावेज़ की शीर्षलेख सामग्री को परिभाषित करने के लिए किया जाता है। |
<पाद लेख> | इस टैग का उपयोग अपने निकटतम या सेक्शनिंग रूट तत्व की पाद लेख सामग्री को परिभाषित करने के लिए किया जाता है। |
<एनएवी> | इस टैग का उपयोग दूसरे पृष्ठ या उसी पृष्ठ के हिस्सों के लिंक को परिभाषित करने के लिए किया जाता है। |
एचटीएमएल गैर सैमांतिक तत्व | |
<Form> | इस टैग का उपयोग ऐसे फॉर्म को घोषित करने के लिए किया जाता है जिसमें कई जोड़े होते हैं। |
<Table> | इस टैग का उपयोग वेब पेज पर एक टेबल बनाने के लिए किया जाता है। |
<लेख> | इस टैग का उपयोग एचटीएमएल सामग्री के अंदर स्वयं निहित संरचना को परिभाषित करने के लिए किया जाता है। |
चीट शीट एचटीएमएल कमांड का उपयोग करने के लिए मुफ्त टिप्स और ट्रिक्स
- एचटीएमएल में अन्य कुछ महत्वपूर्ण कीवर्ड हैं जिन्हें एचटीएमएल इकाइयां कहा जाता है जिनका उपयोग एचटीएमएल में आरक्षित वर्ण प्रदर्शित करने के लिए किया जाता है। उदाहरण के लिए, यदि टेक्स्ट में <या> प्रतीकों का उपयोग किया जाता है तो उन्हें एचटीएमएल तत्वों के कोणीय ब्रैकेट टैग के रूप में माना जा सकता है, जिन्हें सामग्री प्रदर्शित करते समय एचटीएमएल वेब पेज द्वारा गलत व्याख्या की जा सकती है।
- चीट शीट एचटीएमएल फॉर्म में उपयोगकर्ता इनपुट, टेक्स्ट फ़ील्ड, चेकबॉक्स, सबमिट बटन, रेडियो बटन इत्यादि एकत्र करने के लिए इसमें परिभाषित करने के लिए अलग-अलग विशेषताओं को शामिल किया गया है,
- फॉर्म तत्व के अंदर चयन तत्व का उपयोग मूल्य विशेषताओं का उपयोग करके अलग-अलग विकल्पों के साथ ड्रॉपडाउन प्रदर्शित करने के लिए किया जाता है।
- एचटीएमएल 5 फॉर्म तत्व <डेटा सूची> और <उत्पादन> टैग हैं जिन्हें हाल ही में जोड़ा गया है जहां <डेटा सूची> तत्व को पूर्व-परिभाषित विकल्पों की सूची को इनपुट डेटा के रूप में परिभाषित करने के लिए उपयोग किया जाता है और <उत्पादन> टैग का परिणाम प्रदर्शित करने के लिए उपयोग किया जाता है गणना।
- एचटीएमएल चीट शीट संस्करणों का माइग्रेशन एचटीएमएल 4 और एचटीएमएल 5 से एक डीवी तत्व से नामित तत्व में कनवर्ट करके किया जा सकता है । उदाहरण के लिए एचटीएमएल 4 संस्करण में हेडर एलिमेंट <div id = “header”> एचटीएमएल 5 संस्करण जैसे <header> है। इसी तरह, अन्य टैग तत्वों को एनएवी, सेक्शन, आलेख, पाद लेख जैसे किया जा सकता है।
- एचटीएमएल 5 में एचटीएमएल कैनवास, एचटीएमएल एसवीजी (स्केलेबल वेक्टर ग्राफिक्स), एचटीएमएल गूगल मैप्स में हाल ही में एचटीएमएल संस्करण फीचर्स हैं जो नीचे उल्लिखित हैं:
तत्त्व | विवरण |
<कैनवास> | इस टैग का उपयोग वेब पेज पर ग्राफिक्स खींचने के लिए किया जाता है |
<Svg> | इस टैग का उपयोग कंटेनर के रूप में एसवीजी ग्राफिक्स को प्रदर्शित करने के लिए किया जाता है। |
<div id = “map”> | इस टैग का उपयोग एचटीएमएल में किसी वेब पेज पर गूगल मानचित्र जोड़ने के लिए किया जाता है। |
- वेब पर विभिन्न प्रकार के मल्टीमीडिया जैसे ऑडियो, वीडियो, फिल्में, एनिमेशन, छवियां, फिल्में इत्यादि हैं।
- एचटीएमएल एपीआई में जियो लोकेशन, ड्रैग / ड्रॉप, वेब स्टोरेज, वेब वर्कर्स, एसएसई इत्यादि शामिल हैं, जिनका उपयोग उपयोगकर्ताओं के भौगोलिक स्थिति, ड्रैगगेबल तत्वों, उपयोगकर्ता के ब्राउज़र में भंडारण के लिए किया जाता है,
निष्कर्ष – चीट शीट एचटीएमएल
एचटीएमएल चीट शीट का उपयोग वेब पेजों और एचटीएमएल नवीनतम संस्करण 5.x के विकास के लिए किया जाता है। इसके एचटीएमएल तत्वों और फॉर्म टैग में विभिन्न विशेषताएं और कार्यक्षमताएं हैं। अन्य विभिन्न विशेषताएं ब्राउज़र में एचटीएमएल स्थानीय और सत्र स्टोरेज हैं। ये विशेषताएं वेब पेज विकास में जावास्क्रिप्ट और सीएसएस जैसी अन्य तकनीकों के साथ बहुत उपयोगी हैं जैसे कि इसके ‘समृद्ध इंटरनेट एप्लिकेशन। इसमें सर्वर इवेंट नोटिफिकेशन भी होंगे जो एक तरफा संचार का एक रूप है। चीट शीट एचटीएमएल में विभिन्न फीचर्स जैसे कि इवेंट्स, कलर्स, एट्रिब्यूट्स, डॉक्टरेट्स, कैरेक्टर सेट्स, यूआरएल एन्कोडिंग, लैंग्वेज कोड इत्यादि भी होंगे। इसमें वेबजीएल (वेब ग्राफिक्स लाइब्रेरी) भी शामिल है जो ग्राफिक्स को प्रस्तुत करने और प्रदर्शित करने के लिए एक जावास्क्रिप्ट एपीआई है।
अनुशंसित आलेख
यह चीट शीट एचटीएमएल के लिए एक गाइड रहा है, हमने सामग्री और एचटीएमएल कमांड के साथ-साथ मुफ्त टिप्स और चीट शीट एचटीएमएल की चाल पर चर्चा की है आप अधिक जानने के लिए निम्न आलेख को भी देख सकते हैं –