-
HTML में आइफ्रेम कंटेंट के लिए अतिरिक्त प्रतिबंध कैसे सक्षम करें?
sandbox एट्रिब्यूट का उपयोग <iframe> पर करके एम्बेडेड कंटेंट पर अतिरिक्त सुरक्षा प्रतिबंध लगाए जाते हैं। यह सैंडबॉक्स वातावरण बनाता है। उदाहरण <!DOCTYPE html> <html> <body> <iframe src=new.htm sandbox> <p>आपका ब्राउज़र आइफ्रेम सपोर्ट नहीं करता।<
-
HTML में टेबल सेल को कितनी रोज़ तक फैलाना है कैसे सेट करें?
rowspan एट्रिब्यूट का उपयोग <td> या <th> पर करके यह सेट किया जाता है कि सेल कितनी पंक्तियों (रोज़) तक फैला होना चाहिए। सेल्स मर्ज करने के लिए colspan (कॉलम्स) और rowspan (रोज़) एक साथ उपयोग किए जाते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style>
-
HTML में स्टाइल्स केवल पैरेंट एलिमेंट और उसके चाइल्ड्स पर कैसे लागू करें?
scoped एट्रिब्यूट का उपयोग <style> टैग पर करके यह निर्दिष्ट किया जाता है कि स्टाइल्स केवल उस <style> के पैरेंट एलिमेंट और उसके चाइल्ड एलिमेंट्स पर लागू होंगी (पूरे डॉक्यूमेंट पर नहीं)। यह CSS स्कोपिंग/एनकैप्सुलेशन प्रदान करता है। उदाहरण <!DOCTYPE html> <html> <head>
-
HTML में हेडर सेल कॉलम, रो, या समूह के लिए है कैसे निर्दिष्ट करें?
scope एट्रिब्यूट का उपयोग <th> (हेडर सेल) पर करके यह निर्दिष्ट किया जाता है कि वह हेडर सेल किसके लिए हेडर है: कॉलम, रो, कॉलम समूह, या रो समूह। यह स्क्रीन रीडर्स के लिए टेबल एक्सेसिबिलिटी के लिए महत्वपूर्ण है। मान: col - कॉलम के लिए हेडर (डिफ़ॉल्ट) row - रो के लिए हेडर colgroup - कॉलम समूह के
-
HTML में पेज लोड होने पर ऑप्शन प्री-सिलेक्टेड कैसे करें?
selected बूलियन एट्रिब्यूट का उपयोग <option> पर करके यह निर्दिष्ट किया जाता है कि पेज लोड होने पर वह ऑप्शन प्री-सिलेक्टेड (पूर्व-चयनित) होना चाहिए। <select> में एक (बिना multiple) या एकाधिक (साथ multiple) ऑप्शन्स में selected हो सकता है। उदाहरण निम्न कोड से selected एट्रिब्यूट लागू करें
-
HTML में एरिया का आकार कैसे सेट करें?
<area> टैग में shape एट्रिब्यूट का उपयोग इमेज मैप में क्लिक करने योग्य एरिया का आकार निर्दिष्ट करने के लिए किया जाता है। यह <map> के भीतर उपयोग होता है। उदाहरण निम्न कोड से shape एट्रिब्यूट लागू करें: <!DOCTYPE html> <html> <head> <title>HTML shape attrib
-
HTML में एलिमेंट फोकस खोने पर स्क्रिप्ट कैसे चलाएं?
onblur एट्रिब्यूट का उपयोग तब स्क्रिप्ट चलाने के लिए किया जाता है जब कोई एलिमेंट फोकस खो देता है (उपयोगकर्ता कहीं और क्लिक करता है, टैब दबाता है, या प्रोग्रामेटिकली blur() कॉल होता है)। यह onfocus (फोकस प्राप्त करने पर) का विपरीत है। उदाहरण निम्न कोड से onblur एट्रिब्यूट लागू करें (इनपुट को अपरकेस
-
HTML में फाइल चलने के लिए तैयार होने पर स्क्रिप्ट कैसे चलाएं?
oncanplay एट्रिब्यूट का उपयोग <audio>, <video>, <embed>, <object> एलिमेंट्स पर किया जा सकता है। यह तब फायर होता है जब ब्राउज़र अनुमान लगाता है कि मीडिया प्लेबैक शुरू करने के लिए पर्याप्त बफर हो चुका है। उदाहरण <!DOCTYPE HTML> <html> <body> <video
-
HTML में सेलेक्ट एलिमेंट के लिए दृश्यमान ऑप्शन्स की संख्या कैसे निर्दिष्ट करें?
size एट्रिब्यूट का उपयोग <select> एलिमेंट पर करके ड्रॉपडाउन के बजाय लिस्ट बॉक्स के रूप में दिखने वाले दृश्यमान ऑप्शन्स की संख्या निर्दिष्ट की जाती है। size=1 (डिफ़ॉल्ट) ड्रॉपडाउन दिखाता है, size>1 लिस्ट बॉक्स दिखाता है। उदाहरण <!DOCTYPE html> <html> <body> <p&g
-
HTML में गेज के लिए इष्टतम (ऑप्टिमम) मान कैसे सेट करें?
<meter> एलिमेंट में optimum एट्रिब्यूट का उपयोग गेज के लिए इष्टतम या आदर्श मान निर्दिष्ट करने के लिए किया जाता है। ब्राउज़र इसका उपयोग विजुअल इंडिकेशन (रंग) के लिए करता है: यदि वैल्यू ऑप्टिमम के करीब है तो हरा, दूर है तो पीला/लाल। उदाहरण <!DOCTYPE html> <html> <body>
-
HTML में एलिमेंट के अपेक्षित मान का संक्षिप्त संकेत कैसे दिखाएं?
placeholder एट्रिब्यूट का उपयोग <input> और <textarea> में उस छोटे संकेत (हिंट) को दिखाने के लिए किया जाता है जो अपेक्षित मान का वर्णन करता है। यह हल्के ग्रे रंग में दिखता है और उपयोगकर्ता टाइप करना शुरू करते ही गायब हो जाता है। यह value नहीं है (सबमिट नहीं होता)। उदाहरण <!DOCTYPE htm
-
HTML में इनपुट एलिमेंट के मान के विरुद्ध रेगुलर एक्सप्रेशन कैसे जोड़ें?
pattern एट्रिब्यूट का उपयोग <input> पर करके एक रेगुलर एक्सप्रेशन (रेजेक्स) निर्दिष्ट किया जाता है जिसके विरुद्ध एलिमेंट का मान चेक किया जाता है (फॉर्म सबमिशन पर)। यह type=text, search, url, tel, email, password पर काम करता है। उदाहरण निम्न कोड से pattern एट्रिब्यूट लागू करें (3 अक्षरों का कंट
-
HTML में वीडियो डाउनलोड होते समय दिखाने के लिए इमेज कैसे सेट करें?
poster एट्रिब्यूट का उपयोग <video> पर करके वह इमेज निर्दिष्ट की जाती है जो वीडियो डाउनलोड हो रहा हो या उपयोगकर्ता प्ले न करे तब तक दिखाई जाती है। यह वीडियो का थंबनेल/प्लेसहोल्डर होता है। उदाहरण निम्न कोड से poster एट्रिब्यूट लागू करें: <!DOCTYPE HTML> <html> <body> &
-
HTML में पेज लोड होने पर ऑडियो/वीडियो कैसे प्रीलोड करें?
preload एट्रिब्यूट का उपयोग <audio> और <video> पर करके लेखक ब्राउज़र को संकेत देता है कि पेज लोड होने पर मीडिया कैसे लोड किया जाए ताकि सर्वोत्तम उपयोगकर्ता अनुभव मिले। यह केवल हिंट है, ब्राउज़र इसे अनदेखा कर सकता है। मान: none - मीडिया प्रीलोड न करें (बैंडविड्थ बचाएं) metadata - केवल म
-
HTML में एलिमेंट को रीड-ओनली कैसे निर्दिष्ट करें?
किसी एलिमेंट को रीड-ओनली (केवल पढ़ने योग्य) बनाने के लिए readonly बूलियन एट्रिब्यूट का उपयोग किया जाता है। उपयोगकर्ता मान नहीं बदल सकता, लेकिन एलिमेंट फोकस प्राप्त कर सकता है, टैब नेविगेशन में शामिल होता है, और फॉर्म सबमिशन में इसका मान भेजा जाता है ( disabled के विपरीत जो सबमिशन से बाहर रहता है)।
-
HTML में वर्तमान डॉक्यूमेंट और लिंक्ड डॉक्यूमेंट का संबंध कैसे सेट करें?
rel एट्रिब्यूट का उपयोग वर्तमान डॉक्यूमेंट और लिंक्ड डॉक्यूमेंट के बीच संबंध निर्दिष्ट करने के लिए किया जाता है। यह <a>, <area>, <link> एलिमेंट्स पर काम करता है। सामान्य मान: stylesheet - CSS स्टाइलशीट (सबसे आम) nofollow - सर्च इंजन को लिंक फॉलो न करने का निर्देश noopener - नए टै
-
HTML में एलिमेंट को फॉर्म सबमिट से पहले भरना अनिवार्य कैसे करें?
HTML में required बूलियन एट्रिब्यूट का उपयोग करके निर्दिष्ट किया जाता है कि फॉर्म सबमिट करने से पहले एलिमेंट भरा जाना चाहिए। यदि फील्ड खाली है और सबमिट क्लिक किया जाता है, तो ब्राउज़र नेटिव वैलिडेशन एरर दिखाता है (कृपया इस फील्ड को भरें) और सबमिशन रोकता है। required एट्रिब्यूट <input>, <se
-
HTML में लिस्ट ऑर्डर डिसेंडिंग (9,8,7...) कैसे निर्दिष्ट करें?
reversed बूलियन एट्रिब्यूट का उपयोग <ol> (ऑर्डर्ड लिस्ट) पर करके लिस्ट ऑर्डर को डिसेंडिंग (उत्तरोत्तर घटता हुआ: 9, 8, 7...) बनाया जाता है। डिफ़ॉल्ट असेंडिंग (1, 2, 3...) होता है। उदाहरण निम्न कोड से reversed एट्रिब्यूट लागू करें: <!DOCTYPE html> <html> <body> <h3&
-
HTML में एलिमेंट अमान्य होने पर स्क्रिप्ट कैसे चलाएं?
HTML में जब कोई फॉर्म एलिमेंट अमान्य होता है (वैलिडेशन फेल - required, pattern, type mismatch, आदि) और उपयोगकर्ता सबमिट करने का प्रयास करता है, तो oninvalid एट्रिब्यूट ट्रिगर होता है। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML oninvalid attribute</title>
-
HTML में लिंक्ड डॉक्यूमेंट के लिए मीडिया/डिवाइस कैसे निर्दिष्ट करें?
media एट्रिब्यूट का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि लिंक्ड डॉक्यूमेंट किस मीडिया/डिवाइस के लिए ऑप्टिमाइज़्ड है। यह <a>, <area>, <link>, <source>, <style> एलिमेंट्स के साथ काम करता है। उदाहरण <html> <head> <title>HTML media attri