HTML Images, Audio and Video MCQ Quiz – Set 5
1. एचटीएमएल में वेब पेज पर चित्र जोड़ने के लिए किस टैग का उपयोग किया जाता है? (Which tag is used to insert an image into a web page in HTML?)
सही उत्तर : (C) <img>
Explanation: <img> टैग HTML में चित्र जोड़ने के लिए उपयोग किया जाता है। यह एक खाली (void) एलिमेंट है, यानी इसका कोई क्लोज़िंग टैग नहीं होता। इसमें मुख्य रूप से src और alt एट्रिब्यूट का उपयोग होता है। <picture> टैग विभिन्न स्क्रीन आकारों के लिए अलग-अलग चित्र स्रोत देने के लिए है, <image> HTML का मान्य टैग नहीं है, और <src> एक एट्रिब्यूट है, टैग नहीं।
2. <img> टैग में src एट्रिब्यूट का क्या कार्य है? (What is the purpose of the src attribute in the <img> tag?)
सही उत्तर : (A) चित्र का स्रोत या पथ निर्धारित करना (Specifying the image source or path)
Explanation: src का पूरा नाम Source है। यह एट्रिब्यूट ब्राउज़र को बताता है कि चित्र की फ़ाइल कहाँ स्थित है—यह रिलेटिव पाथ (जैसे images/photo.jpg) या एब्सोल्यूट URL (जैसे https://example.com/photo.jpg) हो सकता है। वैकल्पिक टेक्स्ट के लिए alt, ऊँचाई के लिए height और शीर्षक के लिए title एट्रिब्यूट उपयोग होता है।
3. <img> टैग में alt एट्रिब्यूट का मुख्य उद्देश्य क्या है? (What is the main purpose of the alt attribute in the <img> tag?)
सही उत्तर : (D) चित्र का वैकल्पिक टेक्स्ट देना (Providing alternative text for the image)
Explanation: alt का मतलब Alternative Text है। जब चित्र लोड नहीं हो पाता या स्क्रीन रीडर से उपयोगकर्ता पेज पढ़ता है, तो यह टेक्स्ट चित्र का विकल्प प्रदान करता है। यह SEO और सुलभता (Accessibility) दोनों के लिए महत्वपूर्ण है। चित्र को लिंक बनाने के लिए <a> टैग के अंदर <img> रखा जाता है, alt से ऐसा नहीं होता।
4. <img> टैग में चित्र की चौड़ाई निर्धारित करने के लिए किस एट्रिब्यूट का उपयोग किया जाता है? (Which attribute specifies the width of an image in the <img> tag?)
सही उत्तर : (B) width
Explanation: <img> टैग में width एट्रिब्यूट चित्र की चौड़ाई पिक्सेल में निर्धारित करता है, जैसे <img src="photo.jpg" width="300">। size, length और horizontal HTML में चौड़ाई के लिए मान्य एट्रिब्यूट नहीं हैं। आधुनिक वेब डिज़ाइन में चौड़ाई और ऊँचाई CSS से नियंत्रित करना बेहतर माना जाता है।
5. <img> टैग में चित्र की ऊँचाई निर्धारित करने के लिए किस एट्रिब्यूट का उपयोग किया जाता है? (Which attribute specifies the height of an image in the <img> tag?)
सही उत्तर : (C) height
Explanation: height एट्रिब्यूट <img> टैग में चित्र की ऊँचाई पिक्सेल में तय करता है, जैसे <img src="photo.jpg" height="200">। vertical, size और length इस उद्देश्य के लिए मान्य एट्रिब्यूट नहीं हैं। चौड़ाई और ऊँचाई दोनों देने से ब्राउज़र पेज लेआउट को स्थिर रखता है और चित्र लोड होने से पहले जगह आरक्षित रहती है।
6. निम्नलिखित में से कौन-सा चित्र जोड़ने का सही एचटीएमएल कोड है? (Which of the following is the correct HTML code to insert an image?)
सही उत्तर : (A) <img src="photo.jpg" alt="Photo">
Explanation: चित्र जोड़ने का सही तरीका <img> टैग के साथ src एट्रिब्यूट देना है, और अच्छे अभ्यास के रूप में alt एट्रिब्यूट भी जोड़ना चाहिए। विकल्प B में <image> टैग गलत है और href का उपयोग चित्र के लिए नहीं होता। विकल्प C में <img> के साथ href गलत है, क्योंकि चित्र के लिए src आवश्यक है। विकल्प D में टैग और एट्रिब्यूट की जगहें ही गलत हैं।
7. यदि चित्र किसी images फ़ोल्डर में रखा है, तो उसी वेबसाइट के पेज से उसका सही रिलेटिव पाथ कौन-सा हो सकता है? (If an image is stored in an images folder, which can be a correct relative path from a page on the same website?)
सही उत्तर : (B) images/photo.jpg
Explanation: रिलेटिव पाथ वर्तमान पेज के स्थान के आधार पर फ़ाइल का रास्ता बताता है। यदि चित्र वर्तमान पेज के सापेक्ष images फ़ोल्डर में है, तो images/photo.jpg सही रिलेटिव पाथ है। https:// एक एब्सोल्यूट URL की शुरुआत है, mailto: ईमेल लिंक के लिए है, और # उसी पेज के किसी भाग (fragment) के लिए उपयोग होता है।
8. एचटीएमएल में ऑडियो फ़ाइल चलाने के लिए कौन-सा एलिमेंट उपयोग किया जाता है? (Which element is used to play an audio file in HTML?)
सही उत्तर : (D) <audio>
Explanation: HTML5 में ऑडियो चलाने के लिए <audio> एलिमेंट का उपयोग किया जाता है, जैसे <audio controls src="song.mp3"></audio>। <sound>, <music> और <mp3> HTML के मान्य एलिमेंट नहीं हैं। <audio> के अंदर <source> टैग से एक से अधिक फ़ॉर्मेट भी दिए जा सकते हैं।
9. एचटीएमएल में वीडियो फ़ाइल चलाने के लिए कौन-सा एलिमेंट उपयोग किया जाता है? (Which element is used to play a video file in HTML?)
सही उत्तर : (C) <video>
Explanation: HTML5 में वीडियो चलाने के लिए <video> एलिमेंट उपयोग होता है, जैसे <video controls width="400" src="clip.mp4"></video>। <movie>, <media> और <play> HTML के मान्य एलिमेंट नहीं हैं। <video> के अंदर भी <source> टैग से कई फ़ॉर्मेट दिए जा सकते हैं।
10. <audio> या <video> एलिमेंट में controls एट्रिब्यूट का क्या कार्य है? (What is the purpose of the controls attribute in the <audio> or <video> element?)
सही उत्तर : (A) प्लेबैक नियंत्रण दिखाना, जैसे प्ले और वॉल्यूम (Displaying playback controls such as play and volume)
Explanation: controls एक Boolean एट्रिब्यूट है। इसे लिखने पर ब्राउज़र डिफ़ॉल्ट प्लेबैक नियंत्रण (Play, Pause, Volume, Seek bar आदि) दिखाता है। इसके बिना उपयोगकर्ता मीडिया को चला या रोक नहीं सकता (जब तक JavaScript से नियंत्रण न जोड़ा जाए)। यह फ़ाइल का नाम, डाउनलोड या भाषा नहीं बदलता।
11. <audio> या <video> एलिमेंट में autoplay एट्रिब्यूट का उद्देश्य क्या है? (What is the purpose of the autoplay attribute in an <audio> or <video> element?)
सही उत्तर : (C) मीडिया को अपने आप चलाने का अनुरोध करना (Requesting media to play automatically)
Explanation: autoplay Boolean एट्रिब्यूट ब्राउज़र से मीडिया को अपने आप चलाने का अनुरोध करता है। हालाँकि, आधुनिक ब्राउज़र उपयोगकर्ता अनुभव और डेटा बचाने के लिए इसे तब तक रोक सकते हैं जब तक वीडियो muted न हो या उपयोगकर्ता ने इंटरैक्शन न किया हो। लूप के लिए loop एट्रिब्यूट और रोकने के लिए JavaScript या controls का उपयोग होता है।
12. मीडिया फ़ाइल को बार-बार चलाने के लिए कौन-सा एट्रिब्यूट उपयोग किया जाता है? (Which attribute is used to play a media file repeatedly?)
सही उत्तर : (B) loop
Explanation: loop Boolean एट्रिब्यूट मीडिया के समाप्त होने पर उसे फिर से शुरू से चला देता है, जैसे <video controls loop src="clip.mp4"></video>। repeat, again और replay HTML में इस उद्देश्य के लिए मान्य एट्रिब्यूट नहीं हैं। autoplay केवल एक बार अपने आप चलाने का अनुरोध करता है, बार-बार चलाने के लिए loop आवश्यक है।
13. <audio> या <video> एलिमेंट में muted एट्रिब्यूट का क्या अर्थ है? (What does the muted attribute mean in an <audio> or <video> element?)
सही उत्तर : (D) मीडिया की ध्वनि बंद रखना (Keeping the media muted)
Explanation: muted Boolean एट्रिब्यूट मीडिया की ध्वनि को शुरुआत में बंद (Mute) रखता है। यह अक्सर autoplay के साथ उपयोग होता है, क्योंकि कई ब्राउज़र बिना muted के ऑटोप्ले की अनुमति नहीं देते। यह गति, पुनरावृत्ति या डाउनलोड से संबंधित नहीं है।
14. ऑडियो या वीडियो के लिए एक से अधिक मीडिया स्रोत देने हेतु कौन-सा एलिमेंट उपयोग किया जाता है? (Which element is used to provide multiple media sources for audio or video?)
सही उत्तर : (A) <source>
Explanation: <source> एक खाली एलिमेंट है, जिसे <audio> या <video> के अंदर एक से अधिक बार रखकर अलग-अलग फ़ॉर्मेट (जैसे MP3, OGG, MP4, WebM) दिए जा सकते हैं। ब्राउज़र पहला सपोर्टेड स्रोत चुन लेता है। <mediafile> और <src> मान्य एलिमेंट नहीं हैं (src एट्रिब्यूट है), और <track> सबटाइटल के लिए होता है।
15. <source> एलिमेंट में type एट्रिब्यूट का उपयोग किसलिए किया जाता है? (What is the purpose of the type attribute in the <source> element?)
सही उत्तर : (C) मीडिया के प्रकार या MIME टाइप की जानकारी देने के लिए (To specify the media type or MIME type)
Explanation: <source> में type एट्रिब्यूट MIME टाइप बताता है, जैसे audio/mpeg, audio/ogg, video/mp4 या video/webm। इससे ब्राउज़र बिना फ़ाइल डाउनलोड किए तुरंत पहचान लेता है कि वह किस स्रोत को सपोर्ट करता है। यह ऊँचाई, शीर्षक या अवधि से संबंधित नहीं है।
16. वीडियो में सबटाइटल या कैप्शन जोड़ने के लिए कौन-सा एलिमेंट उपयोग किया जाता है? (Which element is used to add subtitles or captions to a video?)
सही उत्तर : (B) <track>
Explanation: <track> एलिमेंट <video> या <audio> के अंदर रखकर सबटाइटल, कैप्शन, विवरण या अध्याय (Chapters) जोड़े जाते हैं। यह WebVTT (.vtt) फ़ाइल को संदर्भित करता है, जैसे <track kind="subtitles" src="subs.vtt" srclang="hi" label="हिंदी">। <caption> टेबल का कैप्शन होता है, और <subtitle> व <text> HTML के मान्य एलिमेंट नहीं हैं।
17. <track> एलिमेंट में kind="subtitles" का क्या अर्थ है? (What does kind="subtitles" mean in the <track> element?)
सही उत्तर : (D) सबटाइटल ट्रैक को निर्दिष्ट करना (Specifying a subtitle track)
Explanation: <track> में kind एट्रिब्यूट ट्रैक का प्रकार बताता है। kind="subtitles" का अर्थ है कि यह ट्रैक संवाद का अनुवाद या सबटाइटल दिखाता है। अन्य मानों में captions (बधिर उपयोगकर्ताओं के लिए ध्वनि संकेत सहित), descriptions, chapters और metadata शामिल हैं। यह वीडियो आकार, वॉल्यूम या डाउनलोड से संबंधित नहीं है।
18. <video> एलिमेंट में poster एट्रिब्यूट का उपयोग किसलिए किया जाता है? (What is the purpose of the poster attribute in the <video> element?)
सही उत्तर : (A) वीडियो चलने से पहले दिखने वाली छवि निर्धारित करना (Specifying an image displayed before the video plays)
Explanation: poster एट्रिब्यूट में दी गई छवि वीडियो के पहले फ़्रेम या प्लेबैक शुरू होने से पहले दिखाई देती है, जैसे <video poster="thumb.jpg" controls src="clip.mp4"></video>। यह ऑडियो म्यूट (muted), पुनरावृत्ति (loop) या स्रोत बदलने (source) से संबंधित नहीं है।
19. <video> एलिमेंट में preload="none" का क्या अर्थ है? (What does preload="none" mean in the <video> element?)
सही उत्तर : (C) वीडियो डेटा को पहले से लोड न करने का संकेत देना (Indicating that video data should not be preloaded)
Explanation: preload एट्रिब्यूट ब्राउज़र को संकेत देता है कि पेज लोड होने पर मीडिया को कितना पहले से लोड करना है। preload="none" का अर्थ है कि ब्राउज़र को मीडिया डेटा पहले से डाउनलोड नहीं करना चाहिए; डेटा तभी लोड होगा जब उपयोगकर्ता प्ले दबाएगा। इससे बैंडविड्थ बचती है। यह autoplay, डाउनलोड या loop से भिन्न है।
20. यदि ब्राउज़र किसी <audio> या <video> एलिमेंट के दिए गए मीडिया फ़ॉर्मेट को सपोर्ट नहीं करता, तो वैकल्पिक संदेश कहाँ लिखा जा सकता है? (Where can fallback text be placed if the browser does not support the media format provided in an <audio> or <video> element?)
सही उत्तर : (B) संबंधित मीडिया एलिमेंट के अंदर (Inside the relevant media element)
Explanation: <audio> और <video> एलिमेंट्स में फॉलबैक (Fallback) कंटेंट सीधे उनके अंदर ही रखा जाता है। जब ब्राउज़र दिए गए सभी <source> टैग्स को डिकोड या सपोर्ट नहीं कर पाता, तो वह एलिमेंट के अंदर लिखा हुआ टेक्स्ट या HTML दिखा देता है। उदाहरण के लिए, <video src="movie.mp4"> आपका ब्राउज़र वीडियो सपोर्ट नहीं करता। </video>। यह टेक्स्ट केवल तभी दिखता है जब मीडिया लोड न हो पाए। <head> या <title> के अंदर यह संदेश नहीं लिखा जा सकता, क्योंकि वे केवल मेटाडेटा के लिए होते हैं।