HTML5 <canvas> टैग का उपयोग स्क्रिप्टिंग के माध्यम से ग्राफिक्स, एनिमेशन आदि बनाने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। HTML5 कैनवास का उपयोग करके रेखाएं बनाने के लिए lineTo() मेथड का उपयोग करें।उदाहरणHTML5 कैनवास का उपयोग करके रेखाएं बनाने का तरीका सीखने के लिए निम्न

HTML5 <canvas> टैग का उपयोग स्क्रिप्टिंग के माध्यम से ग्राफिक्स, एनिमेशन आदि बनाने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। कैनवास एलिमेंट में getContext नामक एक DOM मेथड होता है, जो रेंडरिंग कॉन्टेक्स्ट और इसके ड्राइंग फंक्शन्स प्राप्त करता है। यह फंक्शन एक पैरामीटर लेता

HTML फॉर्म का उपयोग करके आप आसानी से उपयोगकर्ता इनपुट ले सकते हैं। <form> टैग फॉर्म एलिमेंट्स जोड़कर उपयोगकर्ता इनपुट प्राप्त करता है। विभिन्न प्रकार के फॉर्म एलिमेंट्स में टेक्स्ट इनपुट, रेडियो बटन, सबमिट बटन आदि शामिल हैं।<input> टैग type एट्रिब्यूट का उपयोग करके उपयोगकर्ता इनपुट लेने

HTML फॉर्म का उपयोग करके ईमेल भेजने के लिए, आपको फॉर्म के action एट्रिब्यूट में mailto: प्रीफिक्स के साथ ईमेल आईडी जोड़नी होगी। उदाहरण के लिए: mailto:emailid@example.com।उदाहरणनिम्न कोड चलाकर HTML फॉर्म से ईमेल भेजने का प्रयास करें:<!DOCTYPE html> <html>    <body>  

सभी फील्ड्स रीसेट करने के लिए रिसेट बटन फॉर्म के सभी इनपुट फील्ड्स को उनके डिफ़ॉल्ट मानों पर वापस सेट करता है। इसे <input> टैग के type एट्रिब्यूट को reset पर सेट करके बनाते हैं। उदाहरण <!DOCTYPE html> <html> <body> <form> Student Name:<br> <

<fieldset> और <legend> टैग्स संबंधित फॉर्म डेटा को ग्रुप करने के लिए <fieldset> टैग उपयोग करें। यह संबंधित एलिमेंट्स के चारों ओर बॉक्स बनाता है। <legend> टैग <fieldset> के अंदर ग्रुप का कैप्शन (शीर्षक) देता है। उदाहरण <!DOCTYPE html> <html> <body>

<select> और <option> टैग्स ड्रॉपडाउन लिस्ट (सेलेक्ट बॉक्स) बनाने के लिए <select> टैग उपयोग करें, जिसके अंदर <option> टैग्स से विकल्प जोड़ें। <select> के एट्रिब्यूट्स: क्र.सं.एट्रिब्यूट और विवरण 1name - कंट्रोल का नाम (सर्वर के लिए) 2size - स्क्रोलिंग लिस्ट बॉक्स के

selected एट्रिब्यूट ड्रॉपडाउन लिस्ट (<select>) में किसी विकल्प को डिफ़ॉल्ट रूप से चयनित (प्रीसिलेक्ट) करने के लिए उस <option> टैग में selected एट्रिब्यूट जोड़ें। उदाहरण <!DOCTYPE html> <html> <head> <title>Select Box Control</title> </head> <b

createLinearGradient() मेथड लीनियर (रैखिक) ग्रेडिएंट बनाने के लिए Canvas API का createLinearGradient(x0, y0, x1, y1) मेथड उपयोग करें। चार पैरामीटर्स शुरुआती बिंदु (x0,y0) और अंतिम बिंदु (x1,y1) डिफाइन करते हैं। पैरामीटर्स: क्र.सं.पैरामीटर और विवरण 1x0 - शुरुआती ग्रेडिएंट का X निर्देशांक 2y0 - शु

createRadialGradient() मेथड रेडियल (वृत्ताकार) ग्रेडिएंट बनाने के लिए Canvas API का createRadialGradient(x0, y0, r0, x1, y1, r1) मेथड उपयोग करें। पहले तीन पैरामीटर्स शुरुआती सर्कल (x0,y0,r0) और अगले तीन अंतिम सर्कल (x1,y1,r1) डिफाइन करते हैं। पैरामीटर्स: क्र.सं.पैरामीटर और विवरण 1x0 - शुरुआती ग्

Canvas drawImage() मेथड HTML5 Canvas API का drawImage() मेथड इमेज, कैनवास या वीडियो को कैनवास पर ड्रॉ करता है। इमेज के भाग भी ड्रॉ कर सकते हैं और आकार बदल सकते हैं। पैरामीटर्स: क्र.सं.पैरामीटर और विवरण 1img - इमेज, कैनवास या वीडियो एलिमेंट 2sx - क्लिपिंग शुरू करने का X निर्देशांक (वैकल्पिक) 3sy

SVG <circle> एलिमेंट SVG (Scalable Vector Graphics) XML-आधारित 2D ग्राफिक्स लैंग्वेज है। HTML5 में <svg> कंटेनर के अंदर <circle> एलिमेंट से वृत्त बनाएं। <circle> के एट्रिब्यूट्स: cx - केंद्र का X निर्देशांक cy - केंद्र का Y निर्देशांक r - त्रिज्या (रेडियस) fill - भराव रंग

सभी रिलेटिव URLs का बेस <base> टैग <head> के अंदर आता है और पेज के सभी रिलेटिव URLs के लिए बेस URL/टारगेट सेट करता है। एक बार हेडर में सेट करने पर सभी बाद के रिलेटिव लिंक्स उसी को शुरुआती बिंदु मानते हैं। एट्रिब्यूट्स: एट्रिब्यूटमानविवरण hrefURLबेस URL target_blank, _parent, _self, _

कीबोर्ड इनपुट के लिए <kbd> टैग यूज़र के कीबोर्ड इनपुट को दर्शाने के लिए फ्रेज़ टैग है। ब्राउज़र आमतौर पर इसे मोनोस्पेस फ़ॉन्ट में दिखाते हैं। उदाहरण <html> <body> <p>Two special keys in keyboard are: <kbd>ctrl</kbd>, <kbd>alt</kbd>.</p> </

सैंपल आउटपुट के लिए <samp> टैग कंप्यूटर प्रोग्राम के सैंपल आउटपुट को दर्शाने के लिए फ्रेज़ टैग है। ब्राउज़र आमतौर पर इसे मोनोटाइप (मोनोस्पेस) फ़ॉन्ट में दिखाते हैं। उदाहरण <html> <head> <title>Title of the document</title> </head> <body> <samp>

मैथमेटिकल वेरिएबल्स के लिए <var> टैग डॉक्यूमेंट में वेरिएबल (चर) या मैथमेटिकल एक्सप्रेशन के वेरिएबल्स को फॉर्मेट करने के लिए उपयोग होता है। ब्राउज़र आमतौर पर इसे इटैलिक में दिखाते हैं। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML var Tag</title> </head&

एनिमेटेड GIF इमेज एनिमेटेड इमेज GIF फॉर्मेट (Graphics Interchange Format) में होती हैं। HTML में <img> टैग के src एट्रिब्यूट में GIF का URL दें। height और width एट्रिब्यूट्स से आकार सेट करें। उदाहरण <!DOCTYPE html> <html> <head> <title>Animated Image</title> &

रेडियो बटन: एक ही विकल्प चुनें जब कई विकल्पों में से केवल एक चुनना हो तो रेडियो बटन उपयोग करें। <input type=radio> से बनते हैं। एक ही name वाले रेडियो बटन्स में से केवल एक चुना जा सकता है। मुख्य एट्रिब्यूट्स: क्र.सं.एट्रिब्यूट और विवरण 1type - radio पर सेट करें 2name - समान नाम वाले ग्रुप

चेकबॉक्स: एकाधिक विकल्प चुनें जब एक से अधिक विकल्प चुनने हों तो चेकबॉक्स उपयोग करें। <input type=checkbox> से बनते हैं। मुख्य एट्रिब्यूट्स: क्र.सं.एट्रिब्यूट और विवरण 1type - checkbox पर सेट करें 2name - कंट्रोल का नाम (सर्वर पर पहचान के लिए) 3value - चयन होने पर भेजा जाने वाला मान 4checke

<input type=password> का उपयोग पासवर्ड इनपुट के लिए <input> टैग का type एट्रिब्यूट password पर सेट करें। यह सिंगल-लाइन टेक्स्ट इनपुट है जो टाइप करते ही कैरेक्टर्स को मास्क (छिपा) देता है। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Forms</title> <