HTML <output> टैग गणना के परिणाम को निर्दिष्ट करता है। यहां <output> टैग के एट्रिब्यूट्स दिए गए हैं:एट्रिब्यूटमानविवरणforforअन्य एलिमेंट्स की आईडी की सूची, यानी यह उन एलिमेंट्स को इंगित करता है जिन्होंने गणना के लिए इनपुट मान योगदान दिया है।formformडॉक्यूमेंट में कहीं भी आउटपुट एलिमेंट्स

HTML <input> टैग का उपयोग HTML में उपयोगकर्ता इनपुट प्राप्त करने के लिए किया जाता है। इनपुट फ़ील्ड को सीमित करने के लिए, min और max एट्रिब्यूट्स का उपयोग करें, जो क्रमशः इनपुट फ़ील्ड के लिए न्यूनतम और अधिकतम मान निर्दिष्ट करते हैं।max और min एट्रिब्यूट्स number, range, date, datetime, datetime

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

SVG में खोखला सर्कल बनाने के लिए <circle> एलिमेंट का उपयोग करें। इसके लिए fill=none का उपयोग करें और आउटलाइन बनाएं।उदाहरणSVG में खोखला सर्कल बनाने का तरीका सीखने के लिए निम्न कोड चलाएं:<!DOCTYPE html> <html>    <head>       <title>HTML5 SVG खोखल

SVG सर्कल के अंदर इमेज प्रदर्शित करने के लिए, <circle> एलिमेंट का उपयोग करें और क्लिपिंग पथ सेट करें। <clipPath> एलिमेंट का उपयोग क्लिपिंग पथ को परिभाषित करने के लिए किया जाता है। SVG में इमेज <image> एलिमेंट का उपयोग करके सेट की जाती है।उदाहरणHTML5 में SVG सर्कल के अंदर इमेज प्रदर

HTML पेज में सर्कल बनाने के लिए SVG या कैनवास का उपयोग करें। आप CSS के border-radius प्रॉपर्टी का उपयोग करके भी इसे बना सकते हैं।उदाहरणHTML में सर्कल बनाने का तरीका सीखने के लिए निम्न कोड चलाएं:<!DOCTYPE html> <html>    <head>       <style>   &nb

SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने की एक भाषा है जिसे SVG व्यूअर द्वारा रेंडर किया जाता है।SVG ज्यादातर वेक्टर प्रकार के डायग्राम जैसे पाई चार्ट, X,Y कोऑर्डिनेट सिस्टम में दो-आयामी ग्राफ आदि के लिए उपयोगी है।HTML5 में स्केलेबल वेक्

HTML में आयत बनाने के लिए कैनवास एलिमेंट का उपयोग करें। कैनवास के साथ, आयत बनाने के लिए rect() मेथड का उपयोग करें। लेकिन, गोल कोनों वाला आयत बनाने के लिए rect() मेथड काम नहीं करेगा। हम गोल कोनों वाला आयत बनाने के लिए lineTo() और quadraticCurveTo() मेथड्स का उपयोग करेंगे।उदाहरण <!DOCTYPE HTML>

SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है। आप HTML5 में SVG का उपयोग करके सर्कल, आयत, रेखा आदि आकार आसानी से बना सकते हैं। आइए SVG का उपयोग करके आयत बनाने का एक उदाहरण देखें।उदाहरणHTML5 में आयत बनाने के लिए निम्न कोड चलाएं। <rect> एलिमेंट का उपयोग किया जाएगा:<!DOCTYPE html> <html> &

HTML कैनवास पर ड्राइंग जावास्क्रिप्ट के साथ की जाती है। कैनवास पर ड्राइंग से पहले getElementById() और getContext() HTML DOM मेथड्स का उपयोग करें। HTML में तारा बनाने के लिए कैनवास एलिमेंट का उपयोग करें।कैनवास के साथ, तारा बनाने के लिए lineTo() मेथड का उपयोग करें। lineTo() मेथड में x और y पैरामीटर मा

SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है। आप HTML5 में SVG का उपयोग करके सर्कल, आयत, रेखा आदि आकार आसानी से बना सकते हैं। आइए SVG लोगो बनाने का एक उदाहरण देखें। इसके लिए हम एक लीनियर ग्रेडिएंट बनाएंगे।उदाहरणSVG लोगो बनाने के लिए निम्न कोड चलाएं:<!DOCTYPE html> <html>    <hea

कैनवास पर SVG बनाने के लिए, आपको SVG इमेज का उपयोग करना होगा। सबसे पहले, <foreignObject> एलिमेंट का उपयोग करें जिसमें HTML हो। उसके बाद, SVG इमेज को कैनवास में बनाएं।उदाहरणHTML कैनवास पर SVG फ़ाइल बनाने के लिए निम्न कोड आज़माएं:<!DOCTYPE html> <html>    <head>  

SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है। HTML SVG में आयत बनाने के लिए SVG <rect> एलिमेंट का उपयोग करें।उदाहरणHTML5 SVG में आयत बनाने का तरीका सीखने के लिए निम्न कोड चलाएं:<!DOCTYPE html> <html>    <head>       <style>       &nbs

SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है। HTML SVG में दीर्घवृत्त बनाने के लिए SVG <ellipse> एलिमेंट का उपयोग करें।उदाहरणHTML5 SVG में दीर्घवृत्त बनाने का तरीका सीखने के लिए निम्न कोड चलाएं: <!DOCTYPE html> <html> <head> <style> #svgelem {    position: relativ

SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है। HTML SVG में दीर्घवृत्त बनाने के लिए SVG <ellipse> एलिमेंट का उपयोग करें। एक के ऊपर एक दीर्घवृत्त बनाने के लिए, कोऑर्डिनेट्स को उचित तरीके से सेट करें।उदाहरणHTML5 SVG में एक के ऊपर दो दीर्घवृत्त बनाने का तरीका सीखने के लिए निम्न कोड चलाएं:<!DOCTYPE

SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है। HTML SVG में आयत बनाने के लिए SVG <rect> एलिमेंट का उपयोग करें। गोल कोनों के लिए, rx और ry एट्रिब्यूट सेट करें, जो आयत के कोनों को गोल करते हैं।उदाहरणHTML5 SVG में गोल कोनों वाला आयत बनाने का तरीका सीखने के लिए निम्न कोड चलाएं:<!DOCTYPE html> <

SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने की एक भाषा है।HTML SVG में बहुभुज बनाने के लिए SVG <polygon> एलिमेंट का उपयोग करें। <polygon> एलिमेंट कम से कम तीन भुजाओं वाला एक ग्राफिक बनाता है। points एट्रिब्यूट बहुभुज के प्रत्येक

SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने की एक भाषा है जिसे SVG व्यूअर द्वारा रेंडर किया जाता है। अधिकांश वेब ब्राउज़र SVG को PNG, GIF और JPG की तरह ही प्रदर्शित कर सकते हैं।HTML SVG में पॉलीलाइन बनाने के लिए SVG <polyline> एलिमेंट

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

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