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

एचटीएमएल होम एचटीएमएल परिचय एचटीएमएल संपादक एचटीएमएल बेसिक एचटीएमएल तत्व एचटीएमएल गुण एचटीएमएल शीर्षक एचटीएमएल पैराग्राफ एचटीएमएल शैलियाँ एचटीएमएल स्वरूपण एचटीएमएल कोटेशन एचटीएमएल टिप्पणियाँ एचटीएमएल रंग एचटीएमएल सीएसएस एचटीएमएल लिंक एचटीएमएल छवियाँ एचटीएमएल फ़ेविकॉन एचटीएमएल टेबल्स एचटीएमएल सूचियां एचटीएमएल ब्लॉक और इनलाइन एचटीएमएल क्लासेस एचटीएमएल आईडी एचटीएमएल इफ्रेम्स एचटीएमएल जावास्क्रिप्ट HTML फ़ाइल पथ एचटीएमएल हेड एचटीएमएल लेआउट एचटीएमएल उत्तरदायी एचटीएमएल कंप्यूटर कोड HTML शब्दार्थ एचटीएमएल स्टाइल गाइड एचटीएमएल इकाइयां एचटीएमएल प्रतीक एचटीएमएल इमोजी एचटीएमएल वर्णसेट एचटीएमएल यूआरएल एनकोड एचटीएमएल बनाम एक्सएचटीएमएल

एचटीएमएल फॉर्म

एचटीएमएल फॉर्म एचटीएमएल फॉर्म गुण एचटीएमएल फॉर्म एलिमेंट्स एचटीएमएल इनपुट प्रकार एचटीएमएल इनपुट गुण HTML इनपुट फॉर्म विशेषताएँ

एचटीएमएल ग्राफिक्स

एचटीएमएल कैनवास एचटीएमएल एसवीजी

एचटीएमएल मीडिया

एचटीएमएल मीडिया एचटीएमएल वीडियो एचटीएमएल ऑडियो एचटीएमएल प्लग-इन एचटीएमएल यूट्यूब

एचटीएमएल एपीआई

एचटीएमएल जियोलोकेशन एचटीएमएल ड्रैग/ड्रॉप एचटीएमएल वेब स्टोरेज एचटीएमएल वेब वर्कर्स एचटीएमएल एसएसई

एचटीएमएल उदाहरण

एचटीएमएल उदाहरण एचटीएमएल प्रश्नोत्तरी एचटीएमएल व्यायाम एचटीएमएल प्रमाणपत्र एचटीएमएल सारांश एचटीएमएल अभिगम्यता

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

एचटीएमएल टैग सूची एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल ब्राउज़र समर्थन एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल सिद्धांत एचटीएमएल कैरेक्टर सेट एचटीएमएल यूआरएल एनकोड एचटीएमएल लैंग कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग

एचटीएमएल जावास्क्रिप्ट


जावास्क्रिप्ट HTML पृष्ठों को अधिक गतिशील और इंटरैक्टिव बनाता है।


उदाहरण

My First JavaScript


एचटीएमएल <स्क्रिप्ट> टैग

HTML <script>टैग का उपयोग क्लाइंट-साइड स्क्रिप्ट (JavaScript) को परिभाषित करने के लिए किया जाता है।

<script>तत्व में या तो स्क्रिप्ट स्टेटमेंट होते हैं, या यह विशेषता के माध्यम से बाहरी स्क्रिप्ट फ़ाइल को इंगित करता है src

जावास्क्रिप्ट के लिए सामान्य उपयोग छवि हेरफेर, प्रपत्र सत्यापन और सामग्री के गतिशील परिवर्तन हैं।

एक HTML तत्व का चयन करने के लिए, जावास्क्रिप्ट अक्सर document.getElementById()विधि का उपयोग करता है।

यह जावास्क्रिप्ट उदाहरण "हैलो जावास्क्रिप्ट!" लिखता है। आईडी = "डेमो" के साथ एक HTML तत्व में:

उदाहरण

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

युक्ति: आप हमारे जावास्क्रिप्ट ट्यूटोरियल में जावास्क्रिप्ट के बारे में और जान सकते हैं


जावास्क्रिप्ट का स्वाद

जावास्क्रिप्ट क्या कर सकता है इसके कुछ उदाहरण यहां दिए गए हैं:

उदाहरण

जावास्क्रिप्ट सामग्री बदल सकता है:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

उदाहरण

जावास्क्रिप्ट शैलियों को बदल सकता है:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

उदाहरण

जावास्क्रिप्ट विशेषताओं को बदल सकता है:

document.getElementById("image").src = "picture.gif";


एचटीएमएल <noscript> टैग

HTML <noscript>टैग उन उपयोगकर्ताओं को प्रदर्शित होने वाली वैकल्पिक सामग्री को परिभाषित करता है जिनके ब्राउज़र में स्क्रिप्ट अक्षम हैं या जिनके पास स्क्रिप्ट का समर्थन नहीं करने वाला ब्राउज़र है:

उदाहरण

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

एचटीएमएल व्यायाम

व्यायाम के साथ खुद को परखें

व्यायाम:

<p>तत्व की HTML सामग्री को "हैलो वर्ल्ड!" में बदलने के लिए जावास्क्रिप्ट का उपयोग करें ।

<body>

<p id="demo">नमस्ते।</p>

<script>
दस्तावेज़।("डेमो")। इनरएचटीएमएल = "हैलो वर्ल्ड!";
</script>

</body>


HTML स्क्रिप्ट Tags

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएं ।