HTML



html

HTML

एचटीएमएल (हाइपरटेक्स्ट मार्कअप लैंग्वेज) वेब का सबसे बुनियादी बिल्डिंग ब्लॉक है। यह वेबपृष्ठ के मूल लेआउट के साथ एक वेबपृष्ठ की सामग्री का वर्णन और परिभाषित करता है। एचटीएमएल के अलावा अन्य प्रौद्योगिकियों का उपयोग आमतौर पर वेब पेज की उपस्थिति / प्रस्तुति ( CSS ) या कार्यक्षमता / व्यवहार ( JavaScript ) का वर्णन करने के लिए किया जाता है।

"हाइपरटेक्स्ट" उन लिंक को संदर्भित करता है जो वेब पृष्ठों को एक-दूसरे से जोड़ते हैं, या तो एक वेबसाइट के भीतर या वेबसाइटों के बीच। लिंक वेब का एक मौलिक पहलू हैं। इंटरनेट पर सामग्री अपलोड करके और इसे अन्य लोगों द्वारा बनाए गए पृष्ठों से जोड़कर, आप वर्ल्ड वाइड वेब में सक्रिय भागीदार बन जाते हैं।

HTML वेब ब्राउज़र में प्रदर्शित करने के लिए टेक्स्ट, छवियों और अन्य सामग्री को एनोटेट करने के लिए "मार्कअप" का उपयोग करता है। एचटीएमएल मार्कअप में विशेष "तत्व" जैसे <head> , <title> , <body> , <header> , <footer> , <article> , <section> , <p> , <div> , <span> , <img> , और कई अन्य।

एचटीएमएल में टैग केस असंवेदनशील हैं। यही है, वे अपरकेस, लोअरकेस, या मिश्रण में लिखा जा सकता है। उदाहरण <शीर्षक> टैग <शीर्षक>, <TiTlE> या किसी अन्य तरीके से लिखा जा सकता है।

नीचे दिए गए लेख आपको HTML के बारे में अधिक जानने में मदद करेंगे।

  • एचटीएमएल परिचय

    यदि आप वेब विकास के लिए नए हैं, तो एचटीएमएल क्या है और इसका उपयोग कैसे करें, यह जानने के लिए हमारे एचटीएमएल मूलभूत लेख को पढ़ना सुनिश्चित करें।

  • एचटीएमएल ट्यूटोरियल

    HTML का उपयोग करने के तरीके के साथ-साथ ट्यूटोरियल और पूर्ण उदाहरणों के बारे में लेखों के लिए, हमारे HTML लर्निंग एरिया को देखें

  • एचटीएमएल संदर्भ

    हमारे व्यापक HTML संदर्भ अनुभाग में, आपको HTML में प्रत्येक तत्व और विशेषता के बारे में विवरण मिलेगा।

शुरुआती ट्यूटोरियल

हमारे एचटीएमएल लर्निंग एरिया में कई मॉड्यूल हैं जो एचटीएमएल को जमीन से सिखाते हैं - कोई पिछला ज्ञान आवश्यक नहीं है।

एचटीएमएल का परिचय
यह मॉड्यूल मंच को सेट करता है, जिससे आप महत्वपूर्ण अवधारणाओं और वाक्यविन्यासों में उपयोग कर रहे हैं जैसे एचटीएमएल को टेक्स्ट लागू करना, हाइपरलिंक्स कैसे बनाना है, और वेब पेज को बनाने के लिए HTML का उपयोग कैसे करें।
मल्टीमीडिया और एम्बेडिंग
यह मॉड्यूल बताता है कि एचटीएमएल का उपयोग अपने वेब पृष्ठों में मल्टीमीडिया को शामिल करने के लिए कैसे करें, जिसमें छवियों को शामिल करने के विभिन्न तरीकों और वीडियो, ऑडियो और यहां तक ​​कि पूरे अन्य वेबपृष्ठों को एम्बेड करने के तरीके शामिल हैं।
एचटीएमएल टेबल
समझने योग्य, सुलभ तरीके से किसी वेबपृष्ठ पर टैब्यूलर डेटा का प्रतिनिधित्व करना एक चुनौती हो सकती है। इस मॉड्यूल में बुनियादी तालिका मार्कअप शामिल है, साथ ही कैप्शन और सारांश लागू करने जैसी अधिक जटिल सुविधाएं भी शामिल हैं।
एचटीएमएल फॉर्म
फॉर्म वेब का एक बहुत ही महत्वपूर्ण हिस्सा हैं - ये वेबसाइटों के साथ बातचीत के लिए आपको आवश्यक कार्यक्षमता प्रदान करते हैं, जैसे पंजीकरण और लॉग इन करना, प्रतिक्रिया भेजना, उत्पादों को खरीदना आदि। यह मॉड्यूल आपको क्लाइंट-साइड / फ्रंट-एंड पार्ट्स बनाने के साथ शुरू करता है।
सामान्य समस्याओं को हल करने के लिए एचटीएमएल का प्रयोग करें
एक वेब पेज बनाते समय बहुत आम समस्याओं को हल करने के लिए एचटीएमएल का उपयोग कैसे करें, यह बताते हुए सामग्री के अनुभागों के लिंक प्रदान करता है: शीर्षक से निपटना, छवियों या वीडियो जोड़ना, सामग्री पर जोर देना, मूल रूप बनाना आदि।

उन्नत विषय

कोर सक्षम छवि
crossorigin विशेषता, एक उचित crossorigin हेडर के संयोजन में, <img> तत्व द्वारा परिभाषित छवियों को विदेशी उत्पत्ति से लोड करने की अनुमति देता है और <canvas> तत्व में उपयोग किया जाता है जैसे कि वे वर्तमान उत्पत्ति से लोड किए जा रहे थे।
CORS सेटिंग्स विशेषताएँ
कुछ एचटीएमएल तत्व जो crossorigin लिए समर्थन प्रदान करते हैं, जैसे कि <img> या <video> , में एक crossorigin विशेषता ( crossOrigin प्रॉपर्टी) है, जो आपको तत्व के प्राप्त डेटा के लिए CORS अनुरोधों को कॉन्फ़िगर करने देती है।
एचटीएमएल में फोकस प्रबंधन
activeElement DOM विशेषता और hasFocus() DOM विधि आपको किसी वेब पेज पर तत्वों के साथ उपयोगकर्ता की इंटरैक्शन को ट्रैक और नियंत्रित करने में सहायता करती है।
एप्लिकेशन कैश का उपयोग करना
एप्लिकेशन कैशिंग वेब-आधारित एप्लिकेशन ऑफ़लाइन चलाने देता है। ब्राउज़र को कैश करना और ऑफलाइन उपयोगकर्ताओं को उपलब्ध कराने के संसाधनों को निर्दिष्ट करने के लिए आप एप्लिकेशन कैश ( ऐप कैश ) इंटरफ़ेस का उपयोग कर सकते हैं। वे कैश लोड होते हैं और सही तरीके से काम करते हैं, भले ही उपयोगकर्ता ऑफ़लाइन होने पर रीफ्रेश बटन पर क्लिक करते हैं।
Rel = "preload" के साथ सामग्री को प्रीलोड करना
<link> तत्व की rel विशेषता का preload मान आपको अपने एचटीएमएल <head> में घोषणात्मक फ़ेच अनुरोध लिखने की अनुमति देता है, जो संसाधनों को निर्दिष्ट करता है जिन्हें लोड करने के तुरंत बाद आपके पृष्ठों की आवश्यकता होगी, जिसे आप जल्दी से जीवन चक्र में प्रीलोडिंग शुरू करना चाहते हैं पेज लोड, ब्राउज़र की मुख्य प्रतिपादन मशीनरी में आने से पहले। यह सुनिश्चित करता है कि उन्हें पहले उपलब्ध कराया गया हो और पृष्ठ के पहले रेंडर को अवरुद्ध करने की संभावना कम हो, जिससे प्रदर्शन में सुधार हुआ। यह आलेख preload करने के तरीके के लिए एक बुनियादी गाइड प्रदान करता है।

संदर्भ

एचटीएमएल संदर्भ
एचटीएमएल में तत्व होते हैं , जिनमें से प्रत्येक को कुछ विशेषताओं द्वारा संशोधित किया जा सकता है। एचटीएमएल दस्तावेज़ एक दूसरे से links साथ links
एचटीएमएल तत्व संदर्भ
सभी HTML elements की एक सूची ब्राउज़ करें।
एचटीएमएल विशेषता संदर्भ
एचटीएमएल में तत्वों में विशेषताएं हैं । ये अतिरिक्त मान हैं जो तत्वों को कॉन्फ़िगर करते हैं या विभिन्न तरीकों से अपने व्यवहार को समायोजित करते हैं।
वैश्विक गुण
वैश्विक विशेषताओं को सभी HTML तत्वों पर निर्दिष्ट किया जा सकता है, यहां तक ​​कि मानक में निर्दिष्ट नहीं । इसका अर्थ यह है कि किसी गैर-मानक तत्वों को अभी भी इन विशेषताओं को अनुमति देना चाहिए, भले ही वे तत्व दस्तावेज़ HTML5-noncompliant बनाते हैं।
इनलाइन तत्वों और ब्लॉक-स्तर तत्वों
एचटीएमएल तत्व आमतौर पर "इनलाइन" या "ब्लॉक-स्तर" तत्व होते हैं। एक इनलाइन तत्व केवल उस टैग से घिरा हुआ स्थान रखता है जो इसे परिभाषित करता है। एक ब्लॉक-स्तरीय तत्व अपने मूल तत्व (कंटेनर) की पूरी जगह पर कब्जा करता है, जिससे "ब्लॉक" बना रहता है।
links
एचटीएमएल में, दो दस्तावेज़ों के बीच संबंध स्थापित करने और परिभाषित करने के लिए विभिन्न लिंक प्रकारों का उपयोग किया जा सकता है। लिंक तत्वों को सेट किया जा सकता है जिनमें <a> , <area> और <link>
एचटीएमएल ऑडियो और वीडियो तत्वों द्वारा समर्थित मीडिया प्रारूप
<audio> और <video> तत्व आपको ऑडियो और वीडियो मीडिया चलाने की अनुमति देते हैं। ये तत्व Adobe Flash और अन्य प्लग-इन में पाए जाने वाली समान क्षमताओं के ब्राउज़र-मूल विकल्प प्रदान करते हैं।
एचटीएमएल सामग्री के प्रकार
एचटीएमएल में कई प्रकार की सामग्री शामिल है, जिनमें से प्रत्येक को कुछ संदर्भों में इस्तेमाल करने की अनुमति है और दूसरों में अस्वीकृत है। इसी प्रकार, प्रत्येक में अन्य सामग्री श्रेणियों का एक सेट होता है जिसमें वे शामिल हो सकते हैं और तत्व जो इनका उपयोग कर सकते हैं या नहीं। यह इन श्रेणियों के लिए एक गाइड है।
Quirks मोड और मानकों मोड
Quirks मोड और मानकों मोड पर ऐतिहासिक जानकारी।
सीएसएस का उपयोग कर एचटीएमएल तत्वों को रंग लागू करना
इस आलेख में HTML सामग्री में रंग जोड़ने के लिए सीएसएस का उपयोग करने के अधिकांश तरीकों को शामिल किया गया है, यह सूचीबद्ध करते हुए कि HTML दस्तावेज़ों के कौन से हिस्सों को रंग दिया जा सकता है और ऐसा करने पर सीएसएस गुणों का उपयोग कैसे किया जा सकता है। उदाहरण, पैलेट-निर्माण उपकरण के लिंक, आदि शामिल हैं।
सभी को देखें...