एचटीएमएल इंस्टांस
- पिछला पृष्ठ HTML5 SSE
- अगला पृष्ठ एचटीएमएल टेस्ट
HTML बेसिक टैग इंस्टांस
- एक सरल HTML फ़ाइल
- यह उदाहरण एक बहुत ही सरल HTML फ़ाइल है जो कम से कम HTML टैग का उपयोग करती है। यह आपको दिखाता है कि body एलिमेंट में कैसे टेक्स्ट ब्राउज़र द्वारा प्रदर्शित किया जाता है。
- सरल पैराग्राफ
- इस उदाहरण में: पैराग्राफ एलिमेंट में कैसे टेक्स्ट ब्राउज़र द्वारा प्रदर्शित किया जाता है को दिखाया गया है。
- अधिक पैराग्राफ
- इस उदाहरण में पैराग्राफ एलिमेंट के कुछ डिफ़ॉल्ट व्यवहार को दिखाया गया है。
- गद्य समस्या
- इस उदाहरण में HTML फ़ॉर्मैटिंग के कुछ समस्याओं को दिखाया गया है。
- फ़ोल्डिंग
- इस उदाहरण में HTML दस्तावेज़ में फ़ोल्डिंग के उपयोग को दिखाया गया है。
- 标题
- 本例演示在 HTML 文档中显示标题的标签。
- 居中排列的标题
- केंद्रित आवरण की शीर्षक
- स्तरांक
- स्तरांक कैसे जोड़ा जाता है के उदाहरण देता है
- छिपी टिप्पणी
- HTML स्रोत कोड में छिपी टिप्पणी कैसे जोड़ी जाती है के उदाहरण देता है
- पृष्ठभूमि रंग
- HTML पृष्ठ को पृष्ठभूमि रंग जोड़ने के उदाहरण देता है
HTML टेक्स्ट फ़ॉर्मेटिंग उदाहरण
- टेक्स्ट फ़ॉर्मेटिंग
- HTML फ़ाइल में टेक्स्ट कैसे फ़ॉर्मेट किया जाता है के उदाहरण देता है
- प्री-फ़ॉर्मेटिड टेक्स्ट
- pre टैग के जरिए खाली पंक्ति और खाली जगह कैसे नियंत्रित किया जाता है के उदाहरण देता है
- "कंप्यूटर आउटपुट" टैग
- विभिन्न "कंप्यूटर आउटपुट" टैग के दिखावा के उदाहरण देता है
- पता
- HTML फ़ाइल में पता कैसे लिखा जाता है के उदाहरण देता है
- अकार और आरंभिक अकार
- अकार और आरंभिक अकार कैसे दिखाया जाता है के उदाहरण देता है
- लिपि की दिशा
- लिपि की दिशा कैसे बदली जाती है के उदाहरण देता है
- ब्लॉक रेफरेंस
- अलग-अलग लंबाई के उदाहरण कैसे दिखाया जाता है के उदाहरण देता है
- डिलीटेड और इंसर्टेड टेक्स्ट इफेक्ट
- इस उदाहरण में दिखाया गया है कि कैसे डिलीटेड टेक्स्ट और इंसर्टेड टेक्स्ट को टैग किया जाता है।
HTML लिंक उदाहरण
- सुपरलिंक बनाना
- HTML दस्तावेज़ में लिंक कैसे बनाया जाता है के उदाहरण देता है
- चित्र को लिंक के रूप में उपयोग करना
- चित्र को लिंक के रूप में उपयोग करने के उदाहरण देता है
- नए ब्राउज़र विंडो में लिंक खोलना
- नए ब्राउज़र विंडो में पृष्ठ खोलने के उदाहरण देता है इस तरह की जाते है कि आगंतुक को आपके साइट से बाहर नहीं जाना पड़े
- एक ही पृष्ठ के विभिन्न स्थानों पर लिंक करना
- लिंक कैसे दस्तावेज़ के दूसरे हिस्से पर जाने के लिए उपयोग किया जाता है के उदाहरण देता है
- फ्रेम से बाहर निकलना
- फ्रेम से बाहर निकलने के उदाहरण देता है अगर आपका पृष्ठ फ्रेम के भीतर फ़िक्स्ड है।
- ईमेल लिंक बनाना
- ईमेल के लिए लिंक कैसे किया जाता है (यह उदाहरण ईमेल क्लायंट प्रोग्राम स्थापित होने के बाद काम करता है।)
- ईमेल लिंक बनाना 2
- अधिक जटिल ईमेल लिंक के उदाहरण देता है
HTML फ्रेम उदाहरण
- ऊर्ध्व फ्रेम
- तीन अलग-अलग दस्तावेज़ के साथ एक ऊर्ध्व फ्रेम कैसे बनाया जाता है के उदाहरण देता है।
- आड़ा फ्रेम
- तीन अलग-अलग दस्तावेज़ के साथ एक आड़ा फ्रेम कैसे बनाया जाता है के उदाहरण देता है।
- हॉट टैग कैसे उपयोग किया जाता है
- यह उदाहरण देता है कि <noframes> टैग कैसे उपयोग किया जाता है।
- मिश्रित फ्रेम संरचना
- तीन दस्तावेज़ वाले फ्रेम संरचना कैसे बनाया जाता है के उदाहरण देता है और उन्हें साथ-साथ पंक्ति और स्तम्भों में मिश्रित किया जाता है।
- noresize="noresize" विशेषता वाले फ्रेम संरचना
- यह उदाहरण देता है कि noresize विशेषता कैसे बनाई जाती है। इस उदाहरण में, फ्रेम के आकार को संचालित नहीं किया जा सकता है। फ्रेमों के बीच की किनारे पर माउस खींचते हुए, आपको लगेगा कि किनारा गतिशील नहीं है।
- नेविगेशन फ्रेम
- यह उदाहरण देता है कि कैसे नेविगेशन फ्रेम बनाया जाता है। नेविगेशन फ्रेम एक लिंक सूची शामिल करता है जो दूसरे फ्रेम को लक्ष्य के रूप में रखता है। फ़ाइल "contents.htm" में तीन लिंक हैं।
- इनलाइन फ्रेम
- इस इंस्टांस में इनलाइन फ्रेम (HTML पृष्ठ में फ्रेम) कैसे बनाया जाता है, इसे दिखाया गया है。
- फ्रेम के भीतर निर्दिष्ट सेक्शन को जाना
- इस इंस्टांस में दो फ्रेम का इस्तेमाल किया गया है। एक फ्रेम दूसरे फाइल के भीतर निर्दिष्ट सेक्शन के लिए लिंक देता है। इस "link.htm" फाइल में निर्दिष्ट सेक्शन <a name="C10"> के द्वारा चिह्नित किया गया है。
- नेविगेशन फ्रेम के भीतर निर्दिष्ट सेक्शन को जाने के लिए फ्रेम नेविगेशन
- इस इंस्टांस में दो फ्रेम का इस्तेमाल किया गया है। बाएं का नेविगेशन फ्रेम एक लिंक सूची शामिल करता है, जिसमें लिंक दूसरे फ्रेम को लक्ष्य के रूप में रखे गए हैं। दूसरा फ्रेम लिंक के द्वारा लिंक किये गए दस्तावेज़ को दिखाता है। नेविगेशन फ्रेम के भीतर लिंक लक्ष्य फाइल में निर्दिष्ट सेक्शन को इंदिक करते हैं。
HTML तालिका इंस्टांस
- तालिका
- इस इंस्टांस में HTML दस्तावेज़ में तालिका कैसे बनाया जाता है, इसे दिखाया गया है。
- तालिका किनारा
- इस इंस्टांस में विभिन्न प्रकार के तालिका किनारे दिखाया गया है。
- किनारा नहीं वाली तालिका
- इस इंस्टांस में बिना किनारे की तालिका दिखाया गया है。
- तालिका में शीर्षक (Heading)
- इस इंस्टांस में तालिका का शीर्षक दिखाया गया है。
- खाली कोष्ठ
- इस इंस्टांस में शीर्षक नहीं वाले कोष्ठ को के द्वारा संस्कारित करने के लिए दिखाया गया है。
- शीर्षक वाली तालिका
- शीर्षक (caption) वाली तालिका
- पार-भागीदारी या पार-स्तम्भीदारी तालिका कोष्ठ
- इस इंस्टांस में एक तालिका कोष्ठ को पार-भागीदारी या पार-स्तम्भीदारी बनाने के लिए दिखाया गया है。
- तालिका के भीतर टैग
- विभिन्न तत्वों के भीतर तत्व को दिखाना
- कोष्ठों के बीच की खाली जगह (Cell padding)
- कोष्ठों के बीच की खाली जगह बनाने के लिए Cell padding का इस्तेमाल करना
- कोष्ठों के बीच की दूरी (Cell spacing)
- कोष्ठों के बीच की दूरी बढ़ाने के लिए Cell spacing का इस्तेमाल करना
- तालिका में पृष्ठभूमि रंग या पृष्ठभूमि इमेज जोड़ना
- तालिका में पृष्ठभूमि जोड़ना
- तालिका कोष्ठ में पृष्ठभूमि रंग या पृष्ठभूमि इमेज जोड़ना
- इस इंस्टांस में एक या अधिक कोष्ठों में पृष्ठभूमि जोड़ने के लिए दिखाया गया है。
- तालिका कोष्ठ में सामग्री जमा करना
- इस इंस्टांस में "align" एट्रिब्यूट का इस्तेमाल करके कोष्ठकों के भीतर सामग्री को रखने के लिए एक सुंदर तालिका बनाने के लिए दिखाया गया है。
- फ्रेम (frame) एट्रिब्यूट
- इस इंस्टांस में "frame" एट्रिब्यूट का इस्तेमाल करके तालिका के चारों ओर किनारा नियंत्रित करने के लिए दिखाया गया है。
HTML सूची इंस्टांस
- अनुक्रमित सूची
- इस इंस्टांस में अनुक्रमित सूची दिखाया गया है。
- अनुक्रमित सूची
- इस इंस्टांस में अनुक्रमित सूची दिखाया गया है。
- विभिन्न प्रकार की अनुक्रमित सूची
- इस इंस्टांस में एक अनुक्रमित सूची दिखाया गया है。
- विभिन्न प्रकार की अनुक्रमित सूची
- इस इंस्टांस में विभिन्न प्रकार की अनुक्रमित सूची दिखाया गया है。
- निर्धारित सूची
- इस इंस्टांस में निर्धारित सूची कैसे निर्धारित की जाती है, इसे दिखाया गया है。
- निर्धारित सूची 2
- इस इंस्टांस में अधिक जटिल निर्धारित सूची दिखाया गया है。
- डिफाइनिशन सूची
- इस इंस्टांस में एक डिफाइनिशन सूची दिखाया गया है。
HTML फॉर्म और इनपुट इंस्टांस
- 文本域(Text fields)
- 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
- 密码域
- 本例演示如何创建 HTML 的密码域。
- 复选框
- 本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。
- चेकबॉक्स
- इस उदाहरण में दिखाया गया है कि कैसे HTML में एक चेकबॉक्स बनाया जाता है। उपयोगकर्ता चेकबॉक्स को चुन सकते हैं या नहीं चुन सकते हैं。
- रेडियो बटन
- इस उदाहरण में दिखाया गया है कि कैसे HTML में एक रेडियो बटन बनाया जाता है。
- साधारण ड्रॉपडाउन
- इस उदाहरण में दिखाया गया है कि कैसे HTML पृष्ठ में एक साधारण ड्रॉपडाउन बॉक्स बनाया जाता है। ड्रॉपडाउन बॉक्स एक वृत्तीय सूची है。
- एक अन्य ड्रॉपडाउन
- इस उदाहरण में दिखाया गया है कि कैसे एक बहु-चयन ड्रॉपडाउन बनाया जाता है। (अनुवादक के टिप्पणी: बहु-चयन चयन एक पूर्व-निर्धारित पसंद है)。
- टेक्सट एरिया (Textarea)
- इस उदाहरण में दिखाया गया है कि कैसे एक टेक्सट एरिया (बहु-पंक्ति टेक्स्ट इनपुट कंट्रोल) बनाया जाता है। उपयोगकर्ता टेक्सट एरिया में लिख सकते हैं। टेक्सट एरिया में लिखे जा सकने वाले अक्षरों की संख्या कोई सीमा नहीं है。
- बटन बनाना
- इस उदाहरण में दिखाया गया है कि कैसे बटन बनाया जाता है। आप बटन पर लिखे गए लेख को कस्टमाइज कर सकते हैं。
डाटा के चारों ओर फील्डसेट
- इस उदाहरण में दिखाया गया है कि कैसे डाटा के चारों ओर एक शीर्षक वाला फील्डसेट बनाया जाता है。
- फॉर्म उदाहरण
- इनपुट बॉक्स और पुष्टि बटन वाला फॉर्म
- इस उदाहरण में दिखाया गया है कि कैसे एक फॉर्म को पृष्ठ पर जोड़ा जाता है। इस फॉर्म में दो इनपुट बॉक्स और एक पुष्टि बटन हैं。
- चेकबॉक्स वाला फॉर्म
- इस फॉर्म में दो चेकबॉक्स हैं और एक पुष्टि बटन。
- रेडियो बटन वाला फॉर्म
- इस फॉर्म में दो रेडियो बटन हैं और एक पुष्टि बटन。
फॉर्म से ईमेल भेजना
- इस उदाहरण में दिखाया गया है कि कैसे फॉर्म से ईमेल भेजा जाता है。
- HTML चित्र उदाहरण
- चित्र जोड़ना
- इस उदाहरण में दिखाया गया है कि कैसे वेब पृष्ठ में चित्र को दिखाया जाता है。
- अलग स्थान से चित्र जोड़ना
- इस उदाहरण में दिखाया गया है कि कैसे अन्य फ़ोल्डर या सर्वर के चित्र को वेब पृष्ठ में दिखाया जाता है。
- पृष्ठभूमि चित्र
- इस उदाहरण में दिखाया गया है कि कैसे HTML पृष्ठ में पृष्ठभूमि चित्र जोड़ा जाता है。
- चित्र रखना
- इस उदाहरण में दिखाया गया है कि कैसे लेख में चित्र को रखा जाता है।
- फ्लोट चित्र
- इस उदाहरण में दिखाया गया है कि कैसे चित्र को सबसे बाईं या दाईं ओर पर फ्लोट करना।
- चित्र आकार समायोजित करना
- इस उदाहरण में दिखाया गया है कि कैसे चित्र को विभिन्न आकार में सेट किया जाता है।
- इमेज लिंक बनाना
- इस उदाहरण में दिखाया गया है कि कैसे एक इमेज को एक लिंक के रूप में इस्तेमाल किया जाता है。
- इमेज मैप बनाना
- इस उदाहरण में दिखाया गया है कि कैसे एक इमेज मैप को बनाया जाता है जिसमें क्लिक करने योग्य क्षेत्र हैं। इसके प्रत्येक क्षेत्र एक सुपरलिंक है。
- चित्र को इमेज मैप में बदलना
- इस उदाहरण में दिखाया गया है कि कैसे एक साधारण चित्र को एक इमेज मैप के रूप में सेट किया जाता है。
HTML पृष्ठभूमि उदाहरण
- अच्छा साथ आए पृष्ठभूमि और रंग
- एक पृष्ठभूमि रंग और लेख रंग के अच्छे साथ एक उदाहरण, जो पृष्ठ में की लेख आसानी से पढ़ी जा सकती है。
- अच्छा नहीं हुआ पृष्ठभूमि और रंग
- पृष्ठ रंग और टेक्स्ट रंग का समानता न करने वाला उदाहरण, जो पृष्ठ के टेक्स्ट को पढ़ने में कठिन करता है
- उपयोगीता अधिक पृष्ठभूमि चित्र
- पृष्ठ टेक्स्ट को पढ़ने में आसान करने वाले पृष्ठभूमि चित्र और टेक्स्ट रंग का उदाहरण
- उपयोगीता अधिक पृष्ठभूमि चित्र 2
- पृष्ठ टेक्स्ट को पढ़ने में आसान करने वाले पृष्ठभूमि चित्र और टेक्स्ट रंग का उदाहरण
- उपयोगीता कम पृष्ठभूमि चित्र
- पृष्ठ टेक्स्ट को पढ़ने में कठिन करने वाले पृष्ठ के पृष्ठभूमि चित्र का उदाहरण
HTML शैली (style) उदाहरण
- HTML में शैली
- इस उदाहरण में दिखाया गया है कि कैसे <head> विभाग में जोड़ी गई शैली जानकारी का उपयोग करके HTML को फॉर्मेट किया जाता है。
- अड्डा न करने वाला लिंक
- अड्डा न करने वाला लिंक
- एक बाहरी शैली तालिका से जोड़ा जाता है
- इस उदाहरण में दिखाया गया है कि कैसे <link> टैग को एक बाहरी शैली तालिका से जोड़ा जाता है。
HTML शीर्ष (head) उदाहरण
- दस्तावेज़ की शीर्ष
- शीर्ष एलीमेंट के भीतर की शीर्ष जानकारी ब्राउज़र विंडो में दिखाई नहीं देती है。
- एक target, सभी लिंक
- इस उदाहरण में दिखाया गया है कि कैसे base टैग का उपयोग करके पृष्ठ के सभी टैगों को एक नए विंडो में खोलने के लिए किया जाता है。
HTML मेटा (meta) उदाहरण
- दस्तावेज़ वर्णन
- Meta एलीमेंट में जानकारी दस्तावेज़ का HTML दस्तावेज़ का वर्णन कर सकती है。
- दस्तावेज़ महत्वपूर्ण शब्द
- Meta एलीमेंट में जानकारी दस्तावेज़ के महत्वपूर्ण शब्दों का वर्णन कर सकती है。
- निर्देशित
- इस उदाहरण में दिखाया गया है कि कैसे जब यूरी के साथ यूज़र को एक अन्य पते पर निर्देशित किया जाता है तब यूज़र को नए पते पर निर्देशित किया जाता है。
HTML स्क्रिप्ट (Script) उदाहरण
- एक स्क्रिप्ट जोड़ें
- HTML दस्तावेज़ में स्क्रिप्ट जोड़ने का उदाहरण
- स्क्रिप्ट का समर्थन न करने वाले ब्राउज़र पर चलने
- इस उदाहरण में दिखाया गया है कि कैसे स्क्रिप्ट का समर्थन न करने वाले ब्राउज़रों के साथ काम करना है。
- पिछला पृष्ठ HTML5 SSE
- अगला पृष्ठ एचटीएमएल टेस्ट
