O Level M2-R5 July 2026 Real Paper with Answers (Hindi & English)

Web Designing (M2-R5) ke paper mein W3.CSS classes, HTML5 forms, JavaScript DOM, aur AngularJS expressions se aane wale practical MCQs ko tabhi aasani se solve kiya ja sakta hai jab aapne latest exam paper ka pattern dekha ho. Aapki isi zarurat ko pura karne ke liye humne yahan O Level M2-R5 July 2026 Previous Year Question Paper with Answers ko Hindi aur English dono bhashaon mein pura solve karke diya hai. Is post mein aapko July 2026 session ke Web Designing and Publishing original old question paper ke sabhi 100 questions aur unke 100% verified solutions ek saath padhne ko milenge, jisse aap har coding tag aur syntax ka logic samajh payenge. Niche diye gaye paper sets ko abhi step-by-step padhein, aur agar aap isi previous paper ki timer ke saath practice ya offline file chahte hain, toh isi post mein diye gaye Online Test aur PDF Download links ka use karein.

All Previous Papers Page Link- Previous Papers of O Level

M2-R5 July 2026 O Level 100% Real Paper Question Answers

July 2026 Theory (MCQ) Analysis — Module 2: M2-R5 (Web Designing & Publishing)

(11 जुलाई 2026 के ओरिजिनल 100 MCQs के विश्लेषण पर आधारित — CSS3, HTML5, JavaScript/AngularJS और W3.CSS का स्पष्ट विभाजन)

• July 2026 के अनुसार सबसे मज़बूत रखने योग्य सब-टॉपिक्स:
  • CSS3 Box Model & Selectors: margin बनाम padding का अंतर, #id बनाम .class की प्राथमिकता, div p सेलेक्टर, और Flexbox प्रॉपर्टीज़।
  • JavaScript & AngularJS के फिक्स पॉइंट्स: == बनाम ===, let/const/var, alert/confirm/prompt, और AngularJS के ng-model, ng-app, ng-repeat व {{ }} (जिनसे हर बार 8–10 बेहद आसान प्रश्न आते हैं)।
  • W3.CSS और Photo Editor के टूल्स: w3-panel, w3-container, w3-col (12 कॉलम), और फोटो एडिटिंग में Lasso Tool, Layers Opacity, Gaussian Blur व Levels।
• छात्रों के लिए Smart Exam Tip:
  • M2-R5 में CSS3 (27) + HTML5 (22) + W3.CSS (15) + AngularJS (8) मिलाकर 72 अंक बिना किसी जटिल कोडिंग के सीधे नियम और क्लास नामों पर आधारित होते हैं। इन्हें प्राथमिकता से तैयार करें।

SET- 1

Q. 1. एक डेवलपर निम्नलिखित JavaScript कोड लिखता है। इसका आउटपुट क्या होगा?
A developer writes the following JavaScript code. What will be the output?
var x = 10;
var y = “10”;
console.log(x == y, x === y);
(A) true false
(B) false true
(C) true true
(D) Error
Correct Answer: (A) true false
Explanation: JavaScript में डबल इक्वल (==) केवल वैल्यू की तुलना करता है इसलिए 10 == “10” का परिणाम true आएगा, जबकि ट्रिपल इक्वल (===) वैल्यू और डेटा टाइप दोनों की तुलना करता है इसलिए false आएगा।

Q. 2. वेब फाइल एक्सटेंशन के बारे में निम्नलिखित में से कौन सा कथन गलत (Incorrect) है?
Which of the following statements about web file extensions is INCORRECT?
(A) .css is used for cascading style sheets
(B) .js is used for client-side JavaScript files
(C) .html is used for dynamic server-side database scripting
(D) .xml is used for storing and transporting data
Correct Answer: (C) .html is used for dynamic server-side database scripting
Explanation: .html एक्सटेंशन का उपयोग क्लाइंट-साइड पर वेब पेज का स्टैटिक ढांचा बनाने के लिए होता है, न कि डायनेमिक सर्वर-साइड स्क्रिप्टिंग के लिए (सर्वर-साइड के लिए .php, .py, .jsp आदि होते हैं)।

Q. 3. एक उपयोगकर्ता फोटो एडिटर में किसी इमेज पर ऐसा इफेक्ट लागू करना चाहता है जिससे वह हाथ से बनाई गई पेंटिंग (Painting) जैसी दिखे। कौन सा विकल्प सबसे उपयुक्त है?
A user wants to apply an effect to an image so that it looks like a hand-made painting. Which option is most appropriate?
(A) Crop Tool
(B) Artistic Filter (Filter Gallery)
(C) Red Eye Tool
(D) Slice Tool
Correct Answer: (B) Artistic Filter (Filter Gallery)
Explanation: फोटोशॉप या इमेज एडिटर में किसी सामान्य फोटो को ऑयल पेंटिंग, वाटरकलर या पेंसिल स्केच जैसा रूप देने के लिए Artistic Filters का उपयोग किया जाता है।

Q. 4. हॉरिजॉन्टल नेविगेशन मेन्यू (Navigation Menu) को डिजाइन करने के लिए किस W3.CSS क्लास का उपयोग किया जाता है?
Which W3.CSS class is used to design a horizontal navigation menu?
(A) w3-bar
(B) w3-border
(C) w3-circle
(D) w3-jumbo
Correct Answer: (A) w3-bar
Explanation: W3.CSS में नेविगेशन बार और मेन्यू लिंक्स को क्षैतिज रूप से व्यवस्थित करने के लिए मुख्य कंटेनर क्लास के रूप में w3-bar (और आइटम्स के लिए w3-bar-item) का उपयोग किया जाता है।

Q. 5. AngularJS में ng-model डायरेक्टिव का मुख्य उद्देश्य क्या है?
What is the main purpose of the ng-model directive in AngularJS?
(A) To link external CSS files
(B) To close the browser window
(C) To create database tables in SQL
(D) It binds the value of HTML controls (input, select, textarea) to AngularJS application data
Correct Answer: (D) It binds the value of HTML controls (input, select, textarea) to AngularJS application data
Explanation: ng-model डायरेक्टिव HTML फॉर्म के इनपुट कंट्रोल्स की वैल्यू को AngularJS के स्कोप वेरिएबल्स (Application data) के साथ टू-वे डेटा बाइंडिंग के जरिए जोड़ता है।

Q. 6. W3.CSS में w3-panel क्लास का मुख्य रूप से किसके लिए उपयोग किया जाता है?
What is the w3-panel class in W3.CSS primarily used for?
(A) To compress images automatically
(B) To validate JavaScript forms
(C) To play background audio
(D) To highlight content blocks (notes, quotes, alerts) with top/bottom margin and left/right padding
Correct Answer: (D) To highlight content blocks (notes, quotes, alerts) with top/bottom margin and left/right padding
Explanation: w3-panel क्लास ऊपर-नीचे 16px मार्जिन और बाएं-दाएं 16px पैडिंग वाला एक बॉक्स बनाती है, जिसका उपयोग नोट्स, कोट्स या अलर्ट मैसेज को अलग से हाईलाइट करने के लिए किया जाता है।

Q. 7. एक कंपनी चाहती है कि उसकी वेबसाइट मोबाइल और डेस्कटॉप दोनों पर सुलभ हो, आसानी से अपडेट हो सके और सर्च इंजन (SEO) के अनुकूल हो। उन्हें कौन सा संयोजन चुनना चाहिए?
A company wants its website to be accessible on both mobile and desktop, easily updatable, and SEO-friendly. Which combination should they choose?
(A) Offline MS Word document only
(B) Dynamic/CMS Website + Responsive CSS + SEO-friendly tools
(C) Static plain text files without CSS
(D) Flash-only animation website
Correct Answer: (B) Dynamic/CMS Website + Responsive CSS + SEO-friendly tools
Explanation: मोबाइल व डेस्कटॉप दोनों पर सही दिखने के लिए Responsive CSS, आसानी से कंटेंट अपडेट करने के लिए Dynamic/CMS वेबसाइट और रैंकिंग के लिए SEO टूल्स का संयोजन सबसे उपयुक्त होता है।

Q. 8. CSS सेलेक्टर्स के बारे में नीचे दिए गए कथनों में से कौन से कथन सही हैं?
Which of the following statements about CSS selectors are correct?
1. ID सेलेक्टर की शुरुआत # सिंबल से होती है (ID selector starts with #)
2. Class सेलेक्टर की शुरुआत . (डॉट) सिंबल से होती है (Class selector starts with .)
3. Universal सेलेक्टर के लिए * का उपयोग होता है (Universal selector uses *)
4. एक ही HTML पेज पर एक समान id नाम कई अलग-अलग एलिमेंट्स को दिया जा सकता है (Same id can be assigned to multiple elements)
(A) 1, 2, and 3 only
(B) 2 and 4 only
(C) 1 and 4 only
(D) All 1, 2, 3, and 4
Correct Answer: (A) 1, 2, and 3 only
Explanation: कथन 1, 2 और 3 बिल्कुल सही हैं, जबकि कथन 4 गलत है क्योंकि HTML में id हमेशा प्रत्येक एलिमेंट के लिए यूनिक (अद्वितीय) होनी चाहिए।

Q. 9. फोटो एडिटर में ट्रांसफॉर्म (Transform) टूल्स का उनके सही फंक्शन से मिलान करें:
Match the Transform tools in a photo editor with their correct functions:
List-I (Tool) — List-II (Function)
1. Rotate — A. इमेज को दर्पण प्रतिबिंब की तरह क्षैतिज या लंबवत पलटना (Flipping horizontally or vertically)
2. Scale — B. इमेज की लंबाई और चौड़ाई को बड़ा या छोटा करना (Resizing height and width)
3. Flip — C. इमेज को घड़ी की दिशा या विपरीत दिशा में किसी कोण पर घुमाना (Turning clockwise or counter-clockwise)
4. Skew / Distort — D. इमेज के कोनों को तिरछा या झुकाना (Slanting or tilting edges)
(A) 1-A, 2-B, 3-C, 4-D
(B) 1-D, 2-C, 3-B, 4-A
(C) 1-C, 2-B, 3-A, 4-D
(D) 1-B, 2-A, 3-D, 4-C
Correct Answer: (C) 1-C, 2-B, 3-A, 4-D
Explanation: Rotate से इमेज को किसी कोण पर घुमाया जाता है (1-C), Scale से आकार बदला जाता है (2-B), Flip से उल्टा/मिरर किया जाता है (3-A), और Skew से तिरछा किया जाता है (4-D)।

Q. 10. AngularJS में किसी एक्सप्रेशन को सीधे HTML व्यू (View) से बाइंड करने के लिए निम्नलिखित में से कौन सा सिंटैक्स सही है?
Which of the following syntax is correct for binding an expression directly to the view in AngularJS?
(A) {{ expression }}
(B) [[ expression ]]
(C) (( expression ))
(D) ＜% expression %＞
Correct Answer: (A) {{ expression }}
Explanation: AngularJS में डेटा या वेरिएबल एक्सप्रेशन को सीधे HTML पेज पर दिखाने के लिए डबल कर्ली ब्रैकेट्स {{ expression }} का उपयोग किया जाता है।

Q. 11. निम्नलिखित में से कौन सी W3.CSS पोजिशनिंग/अलाइनमेंट क्लासेस मान्य (Valid) हैं?
Which of the following W3.CSS positioning/alignment classes are valid?
1. w3-display-topleft
2. w3-display-middle
3. w3-display-centermost
4. w3-display-bottomright
(A) 2 and 3 only
(B) 1, 2, and 4 only
(C) 1 and 3 only
(D) All 1, 2, 3, and 4
Correct Answer: (B) 1, 2, and 4 only
Explanation: W3.CSS में कंटेनर के अंदर एलिमेंट को पोजिशन करने के लिए w3-display-topleft (1), w3-display-middle (2) और w3-display-bottomright (4) मान्य क्लासेस हैं, जबकि w3-display-centermost नाम की कोई क्लास नहीं होती।

Q. 12. CSS बॉक्स मॉडल (Box Model) में कौन सी प्रॉपर्टी कंटेंट (Content) और उसके बॉर्डर (Border) के बीच की आंतरिक दूरी को परिभाषित करती है?
In the CSS Box Model, which property defines the space between the content and its border?
(A) Margin
(B) Outline
(C) Float
(D) Padding
Correct Answer: (D) Padding
Explanation: किसी एलिमेंट के टेक्स्ट/कंटेंट और उसके बॉर्डर के बीच की आंतरिक खाली जगह को Padding कहते हैं, जबकि बॉर्डर के बाहर की जगह को Margin कहते हैं।

Q. 13. CSS में ग्रुप सेलेक्टर (Group Selector) का उपयोग करते समय निम्नलिखित में से कौन सा विकल्प h1, h2 और p एलिमेंट्स पर एक साथ स्टाइल को सही ढंग से लागू करता है?
When using a group selector in CSS, which option correctly applies styles to h1, h2, and p elements simultaneously?
(A) h1 + h2 + p { color: blue; }
(B) h1, h2, p { color: blue; }
(C) h1 ＞ h2 ＞ p { color: blue; }
(D) h1.h2.p { color: blue; }
Correct Answer: (B) h1, h2, p { color: blue; }
Explanation: CSS में एक से अधिक एलिमेंट्स को ग्रुप करके एक ही स्टाइल लागू करने के लिए उनके नामों को कॉमा (,) से अलग करके h1, h2, p लिखा जाता है।

Q. 14. निम्नलिखित में से कौन सी CSS माप इकाई (Unit) पैरेंट एलिमेंट की चौड़ाई (Parent Element’s Size) के सापेक्ष (Relative) होती है?
Which CSS unit is relative to the width/size of the parent element?
(A) % (Percentage)
(B) px (Pixels)
(C) cm (Centimeters)
(D) pt (Points)
Correct Answer: (A) % (Percentage)
Explanation: प्रतिशत (%) एक रिलेटिव CSS यूनिट है जो हमेशा अपने पैरेंट कंटेनर एलिमेंट के आकार के अनुपात में चौड़ाई या ऊंचाई तय करती है (जबकि px, cm और pt फिक्स/एब्सोल्यूट यूनिट्स हैं)।

Q. 15. निम्नलिखित में से कौन सा CSS नियम किसी बॉक्स के चारों तरफ (Top, Right, Bottom, Left) अलग-अलग रंगों वाला बॉर्डर सही तरीके से बनाएगा?
Which of the following CSS rules will correctly create a border with different colors on all four sides?
(A) border-color: red blue green yellow;
(B) border-color: red, blue, green, yellow;
(C) border-all-color: red-blue-green-yellow;
(D) color-border: (red, blue, green, yellow);
Correct Answer: (A) border-color: red blue green yellow;
Explanation: CSS की border-color शॉर्टहैंड प्रॉपर्टी में बिना कॉमा के स्पेस देकर चार रंग लिखने पर वे घड़ी की दिशा में क्रमशः Top (red), Right (blue), Bottom (green) और Left (yellow) बॉर्डर पर लागू होते हैं।

Q. 16. नीचे दिए गए कथनों को सही (True) या गलत (False) के रूप में चिह्नित करें:
Mark the following statements as True or False:
1. HTML एक केस-सेंसिटिव (Case-sensitive) भाषा है।
2. CSS का उपयोग वेब पेज की प्रस्तुति और लेआउट डिजाइन करने के लिए किया जाता है।
3. JavaScript वेब पेजों में इंटरएक्टिविटी और डायनेमिक व्यवहार जोड़ती है।
4. HTML5 बिना किसी एक्सटर्नल प्लगइन के ऑडियो और वीडियो को सपोर्ट करता है।
(A) True, False, True, False
(B) True, True, False, False
(C) False, True, True, True
(D) False, False, True, True
Correct Answer: (C) False, True, True, True
Explanation: केवल पहला कथन गलत (False) है क्योंकि HTML केस-इंसेंसिटिव भाषा है; बाकी कथन 2, 3 और 4 बिल्कुल सत्य (True) हैं।

Q. 17. निम्नलिखित में से कौन सी W3.CSS टेक्स्ट/फॉन्ट साइज क्लासेस मान्य (Valid) हैं?
Which of the following W3.CSS text/font-size classes are valid?
1. w3-tiny
2. w3-large
3. w3-jumbo
4. w3-ultrabig
(A) 2 and 4 only
(B) 1, 2, and 3 only
(C) 1 and 4 only
(D) All 1, 2, 3, and 4
Correct Answer: (B) 1, 2, and 3 only
Explanation: W3.CSS में फॉन्ट साइज के लिए w3-tiny, w3-small, w3-medium, w3-large, w3-xlarge, w3-xxlarge, w3-xxxlarge और w3-jumbo मान्य क्लासेस हैं, लेकिन w3-ultrabig नाम की कोई क्लास नहीं होती।

Q. 18. CSS प्रॉपर्टी position: fixed; किसी एलिमेंट को किसके सापेक्ष (Relative to what) स्क्रीन पर स्थिर रखती है?
The CSS property position: fixed; positions an element relative to the ______.
(A) Nearest parent table
(B) Preceding paragraph tag
(C) Browser Viewport (Screen window)
(D) External stylesheet file
Correct Answer: (C) Browser Viewport (Screen window)
Explanation: position: fixed; लगाने पर एलिमेंट ब्राउज़र के व्यूपोर्ट (Viewport / स्क्रीन विंडो) के सापेक्ष एक जगह चिपक जाता है और पेज स्क्रॉल करने पर भी अपनी जगह से नहीं हिलता।

Q. 19. Sublime Text एडिटर किस शॉर्टकट का उपयोग करके एक साथ कई जगहों पर लिखने (Multiple Cursor Editing) की अनुमति देता है?
Sublime Text allows multiple cursor editing using ______.
(A) Alt + F4
(B) Ctrl + Click (or Ctrl + D to select multiple occurrences)
(C) Shift + Delete
(D) Ctrl + P
Correct Answer: (B) Ctrl + Click (or Ctrl + D to select multiple occurrences)
Explanation: Sublime Text में माउस से Ctrl + Click करके (या एक जैसे शब्दों को चुनने के लिए Ctrl + D दबाकर) एक साथ कई लाइनों पर मल्टीपल कर्सर चलाए जा सकते हैं।

Q. 20. एक फ्रंट-एंड वेब डेवलपर (Front-End Developer) मुख्य रूप से किन कोर तकनीकों के साथ काम करता है?
A front-end web developer primarily works with ______.
(A) Linux Kernel and BIOS only
(B) MySQL, Oracle, and MongoDB only
(C) Routers, Switches, and Coaxial Cables
(D) HTML, CSS, and JavaScript
Correct Answer: (D) HTML, CSS, and JavaScript
Explanation: वेबसाइट का यूजर इंटरफेस (Front-end) तैयार करने के लिए तीन मुख्य तकनीकों—HTML (संरचना), CSS (स्टाइलिंग) और JavaScript (इंटरएक्टिविटी) का उपयोग किया जाता है।

Q. 21. नीचे दो कथन दिए गए हैं:
Given below are two statements:
अभिकथन (A): CSS float प्रॉपर्टी का उपयोग एलिमेंट को उसके कंटेनर के बाईं या दाईं ओर अलाइन करने के लिए किया जाता है। (Assertion A: CSS float is used to align elements to the left or right.)
कारण (R): float को मूल रूप से वेब पेज पर टेक्स्ट के चारों ओर इमेज को लपेटने (Wrapping text around images) के लिए डिजाइन किया गया था। (Reason R: float was originally designed to wrap text around images.)
(A) (A) is true but (R) is false
(B) (A) is false but (R) is true
(C) Both (A) and (R) are false
(D) Both (A) and (R) are true and (R) is the correct explanation of (A)
Correct Answer: (D) Both (A) and (R) are true and (R) is the correct explanation of (A)
Explanation: CSS में float प्रॉपर्टी को मूल रूप से अखबारों की तरह किसी इमेज को बाएं या दाएं रखकर उसके चारों ओर पैराग्राफ टेक्स्ट को फ्लो कराने के लिए ही बनाया गया था।

Q. 22. रिस्पॉन्सिव वेब डिजाइन (Responsive Web Design) में फॉन्ट साइज की स्केलेबिलिटी सुनिश्चित करने के लिए किस रिलेटिव माप इकाई का सबसे अधिक उपयोग किया जाता है?
Which unit of measurement is most commonly used in responsive web design to ensure font-size scalability?
(A) mm (Millimeters)
(B) in (Inches)
(C) rem / em
(D) pt (Points)
Correct Answer: (C) rem / em
Explanation: रिस्पॉन्सिव डिजाइन में फॉन्ट साइज के लिए rem (Root em) और em इकाइयों का उपयोग किया जाता है क्योंकि ये स्क्रीन और रूट फॉन्ट के अनुसार अपने आप स्केल हो जाती हैं।

Q. 23. फोटो एडिटिंग में किसी धुंधली (Blurry/Soft) इमेज के किनारों को स्पष्ट और साफ करने के लिए प्रायः किस फिल्टर का उपयोग किया जाता है?
Which filter is commonly used in photo editing to make a blurry image clearer and crisper?
(A) Gaussian Blur
(B) Motion Blur
(C) Noise Filter
(D) Sharpen Filter (Unsharp Mask / Smart Sharpen)
Correct Answer: (D) Sharpen Filter (Unsharp Mask / Smart Sharpen)
Explanation: धुंधली फोटो में पिक्सल्स के किनारों का कंट्रास्ट बढ़ाकर उसे साफ और स्पष्ट (Crisp) बनाने के लिए Sharpen फिल्टर का उपयोग किया जाता है।

Q. 24. डोमेन नामों में .org टॉप-लेवल डोमेन एक्सटेंशन का उपयोग पारंपरिक रूप से किसके लिए किया जाता है?
In domain names, the .org extension is traditionally used for ______.
(A) Commercial businesses only
(B) Military networks only
(C) Primary schools only
(D) Non-profit organizations (गैर-लाभकारी संगठन)
Correct Answer: (D) Non-profit organizations (गैर-लाभकारी संगठन)
Explanation: .org (Organization) टॉप-लेवल डोमेन का उपयोग पारंपरिक रूप से गैर-लाभकारी संस्थाओं (Non-profit organizations), चैरिटी और ओपन-सोर्स प्रोजेक्ट्स की वेबसाइटों के लिए किया जाता है।

Q. 25. यदि कोई यूजर Notepad++ में एक HTML फाइल बनाता है लेकिन उसे .html के बजाय .txt एक्सटेंशन के साथ सेव करके वेब ब्राउज़र में खोलता है, तो ब्राउज़र क्या दिखाएगा?
If a user creates an HTML file in Notepad++ but saves it with a .txt extension and opens it in a browser, what will the browser display?
(A) A fully styled webpage with animations
(B) Raw HTML source code as plain text
(C) A 404 Page Not Found error
(D) A blank black screen
Correct Answer: (B) Raw HTML source code as plain text
Explanation: यदि फाइल को .txt एक्सटेंशन से सेव किया जाए, तो ब्राउज़र उसे HTML की तरह रेंडर न करके साधारण टेक्स्ट फाइल मान लेता है और स्क्रीन पर पूरा Raw HTML कोड वैसा का वैसा दिखा देता है।

Q. 26. फोटो एडिटिंग सॉफ्टवेयर में किसी इमेज के सबसे हल्के (Highlights), मध्य (Midtones) और सबसे गहरे (Shadows) हिस्सों के टोनल रेंज को नियंत्रित करने के लिए किस एडजस्टमेंट टूल का उपयोग किया जाता है?
Which adjustment tool is used to control the lightest, midtone, and darkest tonal areas of an image?
(A) Levels (Ctrl + L)
(B) Crop Tool
(C) Clone Stamp Tool
(D) Move Tool
Correct Answer: (A) Levels (Ctrl + L)
Explanation: फोटोशॉप में Levels एडजस्टमेंट टूल (शॉर्टकट Ctrl + L) इमेज के शैडो (Black point), मिडटोन्स (Gamma) और हाइलाइट्स (White point) को सटीक रूप से नियंत्रित करता है।

Q. 27. निम्नलिखित में से कौन सा JavaScript में एक वैध बिल्ट-इन पॉप-अप डायलॉग बॉक्स (Pop-up Box) नहीं है?
Which of the following is NOT a valid built-in pop-up box in JavaScript?
(A) alert()
(B) confirm()
(C) notify()
(D) prompt()
Correct Answer: (C) notify()
Explanation: JavaScript में केवल तीन बिल्ट-इन पॉप-अप बॉक्स होते हैं—alert(), confirm() और prompt(); इसमें notify() नाम का कोई पॉप-अप फंक्शन नहीं होता।

Q. 28. AngularJS डायरेक्टिव्स और उनके सही उपयोग का मिलान करें:
Match the AngularJS directives with their correct usage:
List-I (Directive) — List-II (Usage)
1. ng-app — A. किसी कलेक्शन के प्रत्येक आइटम के लिए HTML एलिमेंट को दोहराता है (Repeats HTML elements)
2. ng-init — B. इनपुट फील्ड को एप्लिकेशन वेरिएबल से बाइंड करता है (Binds input field to variable)
3. ng-model — C. एप्लिकेशन के शुरुआती वेरिएबल मान (Initial values) सेट करता है
4. ng-repeat — D. AngularJS एप्लिकेशन को ऑटो-बूटस्ट्रैप/स्टार्ट करता है (Initializes AngularJS app)
(A) 1-A, 2-B, 3-C, 4-D
(B) 1-D, 2-C, 3-B, 4-A
(C) 1-B, 2-D, 3-A, 4-C
(D) 1-C, 2-A, 3-D, 4-B
Correct Answer: (B) 1-D, 2-C, 3-B, 4-A
Explanation: ng-app एप्लिकेशन को शुरू करता है (1-D), ng-init प्रारंभिक डेटा मान सेट करता है (2-C), ng-model फॉर्म डेटा को बाइंड करता है (3-B), और ng-repeat लूप की तरह एलिमेंट्स को दोहराता है (4-A)।

Q. 29. CSS ग्रुप सेलेक्टर (Group Selector) के लिए नीचे दिए गए कथनों में से कौन से कथन सही हैं?
Which of the following statements are correct regarding CSS Group Selectors?
1. यह एक साथ कई अलग-अलग सेलेक्टर्स पर समान CSS नियम लागू करने की अनुमति देता है।
2. सेलेक्टर्स को अलग करने के लिए कॉमा (,) का उपयोग किया जाता है।
3. इसमें केवल ID सेलेक्टर्स को ही ग्रुप किया जा सकता है, टैग्स को नहीं।
4. यह कोड के दोहराव (Redundancy) को कम करता है और फाइल साइज छोटा रखता है।
(A) 1 and 3 only
(B) 1, 2, and 4 only
(C) 2 and 3 only
(D) All 1, 2, 3, and 4
Correct Answer: (B) 1, 2, and 4 only
Explanation: कथन 1, 2 और 4 बिल्कुल सही हैं, जबकि कथन 3 गलत है क्योंकि ग्रुप सेलेक्टर में टैग्स, क्लासेस और आईडी किसी को भी कॉमा लगाकर एक साथ ग्रुप किया जा सकता है।

Q. 30. नीचे दो कथन दिए गए हैं:
Given below are two statements:
अभिकथन (A): W3.CSS ग्रिड सिस्टम Bootstrap की तरह ही 12-कॉलम रिस्पॉन्सिव सिस्टम पर आधारित है। (Assertion A: W3.CSS grid is based on a 12-column system like Bootstrap.)
कारण (R): W3.CSS ग्रिड सिस्टम स्क्रीन साइज के अनुसार रिस्पॉन्सिवनेस के लिए प्रतिशत (Percentage) आधारित चौड़ाई की गणना करता है। (Reason R: W3.CSS grid system is percentage-based for responsiveness.)
(A) (A) is true but (R) is false
(B) Both (A) and (R) are true, but (R) is NOT the correct explanation of (A)
(C) (A) is false but (R) is true
(D) Both (A) and (R) are false
Correct Answer: (B) Both (A) and (R) are true, but (R) is NOT the correct explanation of (A)
Explanation: दोनों कथन अपने आप में सत्य हैं—W3.CSS में 12 कॉलम का ग्रिड होता है और यह फ्लूइड प्रतिशत पर काम करता है, लेकिन प्रतिशत आधारित होना केवल 12 कॉलम ही चुनने का सीधा कारण नहीं है (क्योंकि 12 कॉलम इसलिए चुने जाते हैं ताकि वे 2, 3, 4 और 6 से आसानी से विभाजित हो सकें)।

Q. 31. निम्नलिखित CSS प्रॉपर्टीज को उनके सही उपयोग से मिलाएं:
Match the following CSS properties with their correct usage:
List-I (Property) — List-II (Usage)
1. background-color — A. टेक्स्ट के अक्षरों का रंग बदलता है (Sets color of text)
2. color — B. एलिमेंट के पीछे का बैकग्राउंड रंग सेट करता है (Sets background color)
3. text-align — C. टेक्स्ट के नीचे या ऊपर लाइन खींचता या हटाता है (Adds/removes underline)
4. text-decoration — D. टेक्स्ट को लेफ्ट, राइट या सेंटर में संरेखित करता है (Aligns text horizontally)
(A) 1-A, 2-B, 3-C, 4-D
(B) 1-D, 2-C, 3-B, 4-A
(C) 1-B, 2-A, 3-D, 4-C
(D) 1-C, 2-D, 3-A, 4-B
Correct Answer: (C) 1-B, 2-A, 3-D, 4-C
Explanation: background-color बैकग्राउंड रंग सेट करता है (1-B), color टेक्स्ट का रंग बदलता है (2-A), text-align क्षैतिज अलाइनमेंट करता है (3-D), और text-decoration अंडरलाइन लगाता/हटाता है (4-C)।

Q. 32. निम्नलिखित में से कौन सी W3.CSS क्लास किसी कार्ड या बॉक्स एलिमेंट में शैडो (परछाई) इफेक्ट जोड़ती है?
Which of the following W3.CSS classes adds a shadow effect to elements?
(A) w3-border-0
(B) w3-flat
(C) w3-card / w3-card-4 (or w3-shadow)
(D) w3-plain
Correct Answer: (C) w3-card / w3-card-4 (or w3-shadow)
Explanation: W3.CSS में किसी बॉक्स या इमेज के चारों ओर पेपर-कार्ड जैसा शैडो इफेक्ट देने के लिए w3-card, w3-card-2, w3-card-4 (या शैडो क्लास) का उपयोग किया जाता है।

Q. 33. जब कोई उपयोगकर्ता फॉर्म के किसी टेक्स्ट इनपुट फील्ड से बाहर क्लिक करता है (अर्थात इनपुट फील्ड अपना फोकस खो देता है), तो कौन सा JavaScript इवेंट ट्रिगर होता है?
When a user leaves a text input field (it loses focus), which JavaScript event is triggered?
(A) onblur
(B) onfocus
(C) onmouseover
(D) onload
Correct Answer: (A) onblur
Explanation: जब यूजर किसी इनपुट बॉक्स पर क्लिक करता है तो onfocus इवेंट चलता है, और जब वह उस इनपुट फील्ड को छोड़कर बाहर निकलता है तो onblur इवेंट ट्रिगर होता है।

Q. 34. निम्नलिखित में से कौन सी CSS प्रॉपर्टी Flexbox कंटेनर के लिए मान्य नहीं है (अर्थात फ्लेक्सबॉक्स से संबंधित नहीं है)?
Which of the following CSS properties is NOT related to a Flexbox container?
(A) justify-content
(B) align-items
(C) flex-direction
(D) list-style-type
Correct Answer: (D) list-style-type
Explanation: justify-content, align-items और flex-direction तीनों CSS Flexbox लेआउट की मुख्य प्रॉपर्टीज हैं, जबकि list-style-type का उपयोग HTML लिस्ट के बुलेट पॉइंट्स बदलने के लिए होता है।

Q. 35. निम्नलिखित में से कौन सी भाषा HTML और XML दोनों का मूल मानक (Parent Standard / Meta-language) है?
Which of the following is the parent standard of both HTML and XML?
(A) SGML (Standard Generalized Markup Language)
(B) CSS
(C) Python
(D) HTTP
Correct Answer: (A) SGML (Standard Generalized Markup Language)
Explanation: HTML और XML दोनों की उत्पत्ति वर्ष 1986 में मानकीकृत की गई मूल मेटा-मार्कअप भाषा SGML (Standard Generalized Markup Language) से हुई है।

Q. 36. लेयर-आधारित फोटो एडिटिंग (Layer-based editing) में किसी लेयर की ओपेसिटी (Opacity) कम करने से क्या प्रभाव पड़ता है?
In layer-based photo editing, what happens when you reduce the opacity of a layer?
(A) It permanently deletes the layer
(B) It increases the file resolution to 600 DPI
(C) It adjusts the level of transparency (making the layer more see-through so underlying layers become visible)
(D) It converts the image to black and white
Correct Answer: (C) It adjusts the level of transparency (making the layer more see-through so underlying layers become visible)
Explanation: किसी लेयर की Opacity को 100% से कम करने पर उस लेयर की पारदर्शिता (Transparency) बढ़ जाती है, जिससे उसके नीचे मौजूद लेयर्स भी आर-पार दिखाई देने लगती हैं।

Q. 37. कौन सा CSS सेलेक्टर केवल एक ＜div＞ एलिमेंट के अंदर मौजूद सभी पैराग्राफ ＜p＞ एलिमेंट्स को टारगेट करता है?
Which CSS selector targets all paragraph ＜p＞ elements that are inside a ＜div＞ element?
(A) div p
(B) div + p
(C) div.p
(D) #div p
Correct Answer: (A) div p
Explanation: CSS में स्पेस देकर लिखा गया div p एक डिसेंडेंट सेलेक्टर (Descendant Selector) है जो किसी भी ＜div＞ टैग के भीतर आने वाले सभी ＜p＞ एलिमेंट्स पर स्टाइल लागू करता है।

Q. 38. छोटे मोबाइल स्क्रीन पर नेविगेशन मेन्यू को लंबवत (Vertical) और बड़े डेस्कटॉप स्क्रीन पर क्षैतिज (Horizontal) रूप से व्यवस्थित करने के लिए आप किस CSS तकनीक का उपयोग करेंगे?
Which CSS technique will you use to arrange a navigation menu vertically on small screens and horizontally on large screens?
(A) Only static HTML tables
(B) Inline font-size property
(C) list-style-type property
(D) display: flex with Media Queries (@media)
Correct Answer: (D) display: flex with Media Queries (@media)
Explanation: रिस्पॉन्सिव नेविगेशन बार बनाने के लिए Flexbox (display: flex;) के साथ CSS Media Queries (@media) का उपयोग किया जाता है ताकि छोटी स्क्रीन पर flex-direction: column और बड़ी स्क्रीन पर row हो जाए।

Q. 39. किसी वेबसाइट में वेब क्लाइंट (ब्राउज़र) और वेब सर्वर के बीच डेटा संचार मुख्य रूप से किस प्रोटोकॉल का पालन करता है?
Communication between a client and a server in a website primarily follows which protocol?
(A) SMTP only
(B) SNMP only
(C) HTTP / HTTPS
(D) ARP only
Correct Answer: (C) HTTP / HTTPS
Explanation: वर्ल्ड वाइड वेब पर वेब ब्राउज़र (क्लाइंट) और वेब सर्वर के बीच वेब पेजों के आदान-प्रदान के लिए हमेशा HTTP और सुरक्षित HTTPS प्रोटोकॉल का उपयोग होता है।

Q. 40. HTML टेबल में ऊर्ध्वाधर रूप से दो या अधिक पंक्तियों (Rows) को आपस में मर्ज करने के लिए किस एट्रिब्यूट का उपयोग किया जाता है?
Which attribute is used to merge two or more rows vertically in an HTML table?
(A) colspan
(B) rowmerge
(C) cellpad
(D) rowspan
Correct Answer: (D) rowspan
Explanation: HTML टेबल में दो या अधिक पंक्तियों (Rows) की सेल्स को ऊपर से नीचे जोड़ने के लिए rowspan एट्रिब्यूट का उपयोग होता है (जबकि कॉलम्स को जोड़ने के लिए colspan होता है)।

Q. 41. वेब पब्लिशिंग के लिए निम्नलिखित घटकों (Components) को उनकी मुख्य भूमिका से सुमेलित करें:
Match the following web publishing components with their primary role:
List-I (Component) — List-II (Primary Role)
1. Domain Name — A. वेबसाइट की फाइलों और डेटा को इंटरनेट से जुड़े सर्वर पर स्टोर करता है (Stores website files on a server)
2. Web Hosting — B. वेबसाइट का मानव द्वारा पढ़ने योग्य वेब पता जैसे example.com (Human-readable address of a website)
3. FTP — C. यूजर के कंप्यूटर पर HTML कोड को रेंडर करके वेब पेज दिखाता है (Renders HTML and displays webpage)
4. Web Browser — D. लोकल कंप्यूटर से होस्टिंग सर्वर पर फाइलें अपलोड करने का प्रोटोकॉल (Transfers files to hosting server)
(A) 1-A, 2-B, 3-C, 4-D
(B) 1-D, 2-C, 3-B, 4-A
(C) 1-B, 2-A, 3-D, 4-C
(D) 1-C, 2-D, 3-A, 4-B
Correct Answer: (C) 1-B, 2-A, 3-D, 4-C
Explanation: डोमेन नेम वेबसाइट का नाम होता है (1-B), वेब होस्टिंग सर्वर पर जगह देती है (2-A), FTP फाइलें अपलोड करता है (3-D), और वेब ब्राउज़र वेब पेज को स्क्रीन पर दिखाता है (4-C)।

Q. 42. W3.CSS में किसी इमेज को पूरी तरह से रिस्पॉन्सिव बनाने के लिए (ताकि वह अपने मूल आकार से बड़ी न फटे और छोटी स्क्रीन पर अपने आप सिकुड़ जाए) किस क्लास का उपयोग किया जाता है?
Which class is used in W3.CSS to make an image responsive (scales down if needed, but never scales up to be larger than its original size)?
(A) w3-circle
(B) w3-border
(C) w3-image
(D) w3-jumbo
Correct Answer: (C) w3-image
Explanation: W3.CSS में w3-image क्लास लगाने पर इमेज रिस्पॉन्सिव बन जाती है (max-width: 100%; height: auto;), जिससे वह मोबाइल स्क्रीन पर बाहर नहीं निकलती।

Q. 43. JavaScript में डबल इक्वल (==) और ट्रिपल इक्वल (===) ऑपरेटर में क्या मुख्य अंतर है?
What is the main difference between == and === operators in JavaScript?
(A) Both are used only for assigning values to variables
(B) == compares only values (with type coercion), whereas === compares both value and data type strictly
(C) === compares only values, whereas == compares data types
(D) There is no difference between the two
Correct Answer: (B) == compares only values (with type coercion), whereas === compares both value and data type strictly
Explanation: == ऑपरेटर तुलना करते समय केवल मान (Value) देखता है, जबकि स्ट्रिक्ट इक्वलिटी === ऑपरेटर मान और डेटा टाइप दोनों समान होने पर ही true देता है।

Q. 44. HTML डॉक्यूमेंट में नया AngularJS एप्लिकेशन मॉड्यूल शुरू/डिफाइन करने के लिए किस डायरेक्टिव का उपयोग किया जाता है?
Which AngularJS directive is used to define and auto-bootstrap the root module of an application?
(A) ng-repeat
(B) ng-hide
(C) ng-app
(D) ng-click
Correct Answer: (C) ng-app
Explanation: HTML पेज में AngularJS एप्लिकेशन को शुरू करने और रूट मॉड्यूल से जोड़ने के लिए ng-app डायरेक्टिव का प्रयोग किया जाता है।

Q. 45. एक ग्राफिक डिजाइनर को एक साथ कई इमेजेस पर बिना मूल पिक्सल्स को नुकसान पहुंचाए एक ही कलर करेक्शन को शीघ्रता से लागू करने की आवश्यकता है। इसके लिए कौन सा फीचर सबसे अच्छा है?
A designer needs to quickly apply the same non-destructive color correction across multiple images. Which feature is best suited for this?
(A) Eraser Tool
(B) Lasso Tool
(C) Crop Tool
(D) Adjustment Layer + Presets / Actions
Correct Answer: (D) Adjustment Layer + Presets / Actions
Explanation: फोटोशॉप में Adjustment Layers और Presets/Actions का उपयोग करके मूल इमेज को खराब किए बिना एक जैसा कलर ग्रेडिंग व करेक्शन कई फोटोज पर तुरंत लागू किया जा सकता है।

Q. 46. फोटो एडिटर (Photoshop) में निम्नलिखित टूल्स को उनके मुख्य फंक्शन से मिलाइए:
Match the following tools in a photo editor with their primary function:
List-I (Tool) — List-II (Primary Function)
1. Crop Tool — A. इमेज के किसी हिस्से से पिक्सल कॉपी करके दूसरे हिस्से पर पेंट करता है (Copies pixels from one area to another)
2. Clone Stamp Tool — B. इमेज के बाहरी अनावश्यक किनारों को काटकर हटाता है (Trims unwanted outer edges of an image)
3. Magic Wand Tool — C. इमेज के ऊपर एडिटेबल अक्षर और टेक्स्ट जोड़ता है (Adds editable text on the image)
4. Type / Text Tool — D. समान रंग (Color similarity) के आधार पर क्षेत्र को सेलेक्ट करता है (Selects area based on similar color)
(A) 1-A, 2-B, 3-C, 4-D
(B) 1-B, 2-A, 3-D, 4-C
(C) 1-C, 2-D, 3-A, 4-B
(D) 1-D, 2-C, 3-B, 4-A
Correct Answer: (B) 1-B, 2-A, 3-D, 4-C
Explanation: Crop Tool अनावश्यक किनारे काटता है (1-B), Clone Stamp पिक्सल्स की डुप्लीकेट पेंटिंग करता है (2-A), Magic Wand एक जैसे रंग को सेलेक्ट करता है (3-D), और Type Tool टेक्स्ट लिखता है (4-C)।

Q. 47. रिस्पॉन्सिव वेब डिजाइन (Responsive Web Design) के बारे में नीचे दिए गए कथनों में से कौन से कथन सही हैं?
Which of the following statements about Responsive Web Design are correct?
1. यह वेब पेज को मोबाइल, टैबलेट और डेस्कटॉप सभी स्क्रीन आकारों पर अपने आप अनुकूलित (Adapt) करता है।
2. इसमें फ्लूइड ग्रिड, फ्लेक्सिबल इमेजेस और CSS मीडिया क्वेरीज का उपयोग किया जाता है।
3. इसके लिए मोबाइल और कंप्यूटर के लिए हमेशा दो अलग-अलग वेबसाइट डोमेन खरीदना अनिवार्य होता है।
4. रिस्पॉन्सिव वेबसाइट केवल लैंडस्केप मॉनिटर पर ही खुल सकती है।
(A) 1 and 2 only
(B) 3 and 4 only
(C) 1 and 3 only
(D) 2 and 4 only
Correct Answer: (A) 1 and 2 only
Explanation: कथन 1 और 2 बिल्कुल सही हैं; रिस्पॉन्सिव वेब डिजाइन एक ही वेबसाइट को हर डिवाइस की स्क्रीन पर फिट करता है, इसके लिए अलग डोमेन की आवश्यकता नहीं होती।

Q. 48. वेब होस्टिंग और इंटरनेट में DNS (Domain Name System) क्या ट्रांसलेट करता है?
In web hosting and the internet, what does DNS translate?
(A) HTML code into CSS code
(B) JavaScript into Python
(C) Domain names into IP addresses
(D) Audio files into video files
Correct Answer: (C) Domain names into IP addresses
Explanation: DNS (Domain Name System) यूजर द्वारा टाइप किए गए डोमेन नाम (जैसे www.google.com) को सर्वर के संख्यात्मक IP एड्रेस (जैसे 142.250.190.46) में बदलता है।

Q. 49. JavaScript पॉप-अप बॉक्सेस को उनके सही उद्देश्य से मिलाएं:
Match the JavaScript pop-up boxes with their correct purpose:
List-I (Pop-up Box) — List-II (Purpose)
1. alert() — A. यूजर से कोई निर्णय (OK या Cancel) लेने की पुष्टि करवाता है (Asks user to confirm with OK/Cancel)
2. confirm() — B. यूजर को केवल एक चेतावनी या सूचना संदेश दिखाता है (Displays a simple warning/info message with OK)
3. prompt() — C. डायलॉग बॉक्स में टेक्स्ट बॉक्स दिखाकर यूजर से इनपुट लेता है (Takes text input from the user)
(A) 1-A, 2-B, 3-C
(B) 1-C, 2-A, 3-B
(C) 1-B, 2-A, 3-C
(D) 1-B, 2-C, 3-A
Correct Answer: (C) 1-B, 2-A, 3-C
Explanation: alert() केवल सूचना दिखाता है (1-B), confirm() OK/Cancel के साथ सहमति पूछता है और true/false लौटाता है (2-A), तथा prompt() यूजर से टेक्स्ट इनपुट लेता है (3-C)।

Q. 50. JavaScript में parseInt("101", 2) (या बाइनरी आधार 2 के साथ पार्स करने पर) क्या मान रिटर्न करेगा?
What will parseInt("101", 2) return in JavaScript?
(A) 5
(B) 101
(C) 2
(D) NaN
Correct Answer: (A) 5
Explanation: parseInt("101", 2) में दूसरा आर्गुमेंट 2 रेडिक्स (आधार 2 यानी बाइनरी) को दर्शाता है; बाइनरी संख्या 101 को दशमलव (Decimal) में बदलने पर (1×4 + 0×2 + 1×1) = 5 प्राप्त होता है।

Q. 51. एक ही वेब पेज के भीतर किसी विशेष सेक्शन पर जाने के लिए इंटरनल पेज लिंक (Bookmark) बनाने हेतु किस HTML टैग और सिंबल का उपयोग किया जाता है?
Which HTML tag and syntax is used to create an internal page link (bookmark)?
(A) ＜link src=”#section1″＞
(B) ＜a href=”#section1″＞Jump to Section 1＜/a＞
(C) ＜bookmark to=”section1″＞
(D) ＜meta href=”section1″＞
Correct Answer: (B) ＜a href=”#section1″＞Jump to Section 1＜/a＞
Explanation: वेब पेज के अंदर बुकमार्क लिंक बनाने के लिए टारगेट एलिमेंट को id="section1" दी जाती है और एंकर टैग में हैश (#) लगाकर ＜a href="#section1"＞ लिखा जाता है।

Q. 52. HTML और JavaScript में किसी बटन पर क्लिक करने पर myFunction() फंक्शन को निष्पादित (Execute) करने का सही तरीका क्या है?
What is the correct way in HTML/JavaScript to execute myFunction() when a button is clicked?
(A) ＜button onclick=”myFunction()”＞Click Me＜/button＞
(B) ＜button onhover=”myFunction”＞Click Me＜/button＞
(C) ＜button run=”myFunction()”＞Click Me＜/button＞
(D) ＜button click-event=”myFunction”＞Click Me＜/button＞
Correct Answer: (A) ＜button onclick=”myFunction()”＞Click Me＜/button＞
Explanation: HTML में किसी बटन के क्लिक होने पर JavaScript फंक्शन चलाने के लिए onclick इवेंट एट्रिब्यूट (onclick="myFunction()") का उपयोग किया जाता है।

Q. 53. JavaScript में बिना टाइप परिवर्तन (No Type Conversion) के दो वेरिएबल्स की वैल्यू और डेटा टाइप दोनों की तुलना करने के लिए किस ऑपरेटर का उपयोग किया जाता है?
Which operator is used in JavaScript to compare both value and data type?
(A) =
(B) ==
(C) !=
(D) ===
Correct Answer: (D) ===
Explanation: ट्रिपल इक्वल (===) को Strict Equality ऑपरेटर कहते हैं, जो वैल्यू और डेटा टाइप दोनों बराबर होने पर ही true लौटाता है।

Q. 54. HTML5 फॉर्म में यह सुनिश्चित करने के लिए कि इनपुट बॉक्स में केवल सही फॉर्मेट वाले ईमेल एड्रेस (जैसे @ युक्त) ही सबमिट किए जाएं, किस इनपुट टाइप का उपयोग किया जाता है?
In an HTML5 form, which input type is used to ensure that only properly formatted email addresses are submitted?
(A) ＜input type=”text”＞
(B) ＜input type=”mail”＞
(C) ＜input type=”url”＞
(D) ＜input type=”email”＞
Correct Answer: (D) ＜input type=”email”＞
Explanation: HTML5 में ＜input type="email"＞ का उपयोग करने पर ब्राउज़र फॉर्म सबमिट करते समय अपने आप जांचता है कि दर्ज किया गया टेक्स्ट वैध ईमेल फॉर्मेट में है या नहीं।

Q. 55. ‘OK’ और ‘Cancel’ बटन के साथ एक कन्फर्मेशन डायलॉग बॉक्स प्रदर्शित करने के लिए किस JavaScript फंक्शन का उपयोग किया जाता है?
Which JavaScript function is used to display a confirmation dialog box with ‘OK’ and ‘Cancel’ buttons?
(A) alert()
(B) confirm()
(C) prompt()
(D) msgBox()
Correct Answer: (B) confirm()
Explanation: window.confirm() फंक्शन स्क्रीन पर OK और Cancel बटन वाला पॉप-अप बॉक्स दिखाता है; OK दबाने पर यह true और Cancel दबाने पर false रिटर्न करता है।

Q. 56. वेब आर्किटेक्चर का कौन सा कंपोनेंट क्लाइंट के अनुरोधों (Requests) के लिए डेटाबेस से जुड़कर गतिशील रूप से (Dynamically) प्रतिक्रियाएं उत्पन्न करने के लिए उत्तरदायी है?
Which component of web architecture is responsible for dynamically generating responses to client requests?
(A) Static HTML comments
(B) Server-side scripting (e.g., PHP, Python, Node.js)
(C) External CSS file only
(D) Monitor refresh rate
Correct Answer: (B) Server-side scripting (e.g., PHP, Python, Node.js)
Explanation: सर्वर-साइड स्क्रिप्टिंग भाषाएं वेब सर्वर पर रन होकर डेटाबेस से जानकारी निकालती हैं और प्रत्येक यूजर की रिक्वेस्ट के अनुसार डायनेमिक वेब पेज जनरेट करती हैं।

Q. 57. किसी एलिमेंट या बॉक्स में गोल कोनों वाला बॉर्डर (Rounded Corners) जोड़ने के लिए किस W3.CSS क्लास का उपयोग किया जाता है?
Which W3.CSS class is used to add rounded corners to an element?
(A) w3-square
(B) w3-round (or w3-round-large)
(C) w3-sharp
(D) w3-flat
Correct Answer: (B) w3-round (or w3-round-large)
Explanation: W3.CSS में किसी भी बॉक्स, बटन या इमेज के कोनों को गोल करने के लिए w3-round (या w3-round-small, w3-round-large, w3-round-xlarge) क्लास का उपयोग किया जाता है।

Q. 58. W3.CSS में एक जेब्रा-स्ट्राइप्ड टेबल (जिसमें एक के बाद एक पंक्तियों का बैकग्राउंड रंग अलग हो) बनाने के लिए किस क्लास को लागू किया जाना चाहिए?
Which class should be applied to create a zebra-striped table in W3.CSS?
(A) w3-border
(B) w3-centered
(C) w3-striped
(D) w3-hoverable
Correct Answer: (C) w3-striped
Explanation: टेबल की प्रत्येक विषम/सम पंक्ति (Alternate rows) पर अलग बैकग्राउंड शेड देकर उसे पढ़ने में आसान बनाने के लिए w3-striped क्लास लगाई जाती है।

Q. 59. HTML फॉर्म इनपुट प्रकारों (Input Types) का उनके सही उपयोग से मिलान करें:
Match the HTML form input types with their correct usage:
List-I (Input Type) — List-II (Usage)
1. type=”password” — A. टाइप किए गए अक्षरों को डॉट्स या स्टार के रूप में छिपाता है (Masks characters)
2. type=”radio” — B. कई विकल्पों में से केवल एक विकल्प चुनने देता है (Selects only one option from a group)
3. type=”checkbox” — C. एक साथ एक या अधिक विकल्प चुनने की अनुमति देता है (Selects zero, one, or multiple options)
4. type=”submit” — D. फॉर्म डेटा को सर्वर पर भेजने के लिए बटन बनाता है (Button to send form data to server)
(A) 1-A, 2-B, 3-C, 4-D
(B) 1-D, 2-C, 3-B, 4-A
(C) 1-B, 2-A, 3-D, 4-C
(D) 1-C, 2-D, 3-A, 4-B
Correct Answer: (A) 1-A, 2-B, 3-C, 4-D
Explanation: password अक्षरों को छिपाता है (1-A), radio केवल एक विकल्प चुनने देता है (2-B), checkbox कई विकल्प चुनने देता है (3-C), और submit फॉर्म सबमिट करता है (4-D)।

Q. 60. एक ही स्टाइल नियम को कई अलग-अलग सेलेक्टर्स पर एक साथ लागू करने के लिए उन्हें ग्रुप करने हेतु किस CSS सिंबल का उपयोग किया जाता है?
Which CSS symbol is used to group multiple selectors so that the same style rule applies to all of them?
(A) Semicolon (;)
(B) Colon (:)
(C) Hash (#)
(D) Comma (,)
Correct Answer: (D) Comma (,)
Explanation: CSS में कई सेलेक्टर्स (जैसे h1, h2, .box) को एक साथ ग्रुप करने के लिए उनके बीच कॉमा (,) सिंबल लगाया जाता है।

Q. 61. HTML कमेंट्स (Comments) के बारे में सही कथनों की पहचान करें:
Identify the correct statements about HTML comments:
1. HTML कमेंट्स ＜!-- से शुरू होते हैं और --＞ पर समाप्त होते हैं।
2. कमेंट्स के अंदर लिखा टेक्स्ट वेब पेज पर बड़े बोल्ड अक्षरों में दिखाई देता है।
3. कमेंट्स वेब पेज की लोडिंग स्पीड को 10 गुना बढ़ा देते हैं।
4. कमेंट्स का उपयोग कोड के डॉक्यूमेंटेशन और डेवलपर्स की समझ के लिए किया जाता है।
(A) 2 and 3 only
(B) 1 and 2 only
(C) 3 and 4 only
(D) 1 and 4 only
Correct Answer: (D) 1 and 4 only
Explanation: HTML कमेंट्स ＜!-- ... --＞ में लिखे जाते हैं (1) और ये ब्राउज़र स्क्रीन पर दिखाई नहीं देते बल्कि कोड को समझने व डॉक्यूमेंटेशन के काम आते हैं (4)।

Q. 62. फोटो एडिटिंग सॉफ्टवेयर में ‘Gaussian Blur’ फिल्टर अप्लाई करने से मुख्य रूप से इमेज के किस हिस्से पर असर पड़ता है?
Applying the ‘Gaussian Blur’ filter in photo editing software primarily affects ______.
(A) Image edges and sharpness (softens edges and reduces detail/noise)
(B) File extension name
(C) Audio track volume
(D) Layer name in the panel
Correct Answer: (A) Image edges and sharpness (softens edges and reduces detail/noise)
Explanation: Gaussian Blur फिल्टर इमेज के तीखे किनारों (Edges) और शार्पनेस को मुलायम व धुंधला (Soft/Blurred) कर देता है, जिसका उपयोग बैकग्राउंड ब्लर या नॉइज़ कम करने में होता है।

Q. 63. नीचे दो कथन दिए गए हैं:
Given below are two statements:
अभिकथन (A): W3.CSS एक लाइटवेट CSS फ्रेमवर्क है जिसे रिस्पॉन्सिवनेस के लिए बाहरी JavaScript और jQuery लाइब्रेरी की आवश्यकता होती है। (Assertion A: W3.CSS requires external JavaScript and jQuery for responsiveness.)
कारण (R): W3.CSS को बिना किसी अतिरिक्त बाहरी लाइब्रेरी के मोबाइल-फर्स्ट रिस्पॉन्सिव डिजाइन को सरल बनाने के लिए बनाया गया है। (Reason R: W3.CSS is built to simplify mobile-first responsive design without any external library dependencies.)
(A) Both (A) and (R) are true
(B) (A) is true but (R) is false
(C) Both (A) and (R) are false
(D) (A) is false but (R) is true
Correct Answer: (D) (A) is false but (R) is true
Explanation: अभिकथन (A) गलत है क्योंकि W3.CSS शुद्ध रूप से केवल CSS पर काम करता है और इसे किसी भी JavaScript या jQuery की आवश्यकता नहीं होती, इसलिए कारण (R) बिल्कुल सत्य है।

Q. 64. नीचे दो कथन दिए गए हैं:
Given below are two statements:
अभिकथन (A): डायनेमिक वेबसाइटों की तुलना में स्टैटिक (Static) वेबसाइटों को बनाना और होस्ट करना आसान होता है। (Assertion A: Static websites are easier to build and host compared to dynamic websites.)
कारण (R): स्टैटिक वेबसाइटें पेजों को डायनेमिक रूप से रेंडर करने के लिए सर्वर-साइड स्क्रिप्टिंग भाषाओं और डेटाबेस का उपयोग करती हैं। (Reason R: Static websites use server-side scripting languages to dynamically render pages.)
(A) Both (A) and (R) are true
(B) (A) is false but (R) is true
(C) (A) is true but (R) is false
(D) Both (A) and (R) are false
Correct Answer: (C) (A) is true but (R) is false
Explanation: अभिकथन (A) सही है कि स्टैटिक वेबसाइटें केवल HTML/CSS से बनती हैं इसलिए आसान होती हैं, लेकिन कारण (R) गलत है क्योंकि स्टैटिक वेबसाइटों में सर्वर-साइड स्क्रिप्टिंग या डेटाबेस का उपयोग नहीं होता।

Q. 65. आप एक HTML सूची (＜ul＞ / ＜li＞) को इस प्रकार स्टाइल करना चाहते हैं कि प्रत्येक विषम संख्या वाले आइटम (1st, 3rd, 5th…) का बैकग्राउंड रंग अलग हो। इसके लिए आप किस CSS सूडो-क्लास का उपयोग करेंगे?
Which CSS pseudo-class will you use to style every odd-numbered item in a list with a different background color?
(A) li:first-child
(B) li:hover
(C) li:nth-child(odd)
(D) li:last-only
Correct Answer: (C) li:nth-child(odd)
Explanation: किसी लिस्ट या टेबल के सभी विषम (1, 3, 5…) एलिमेंट्स को चुनने के लिए :nth-child(odd) (या :nth-child(2n+1)) सूडो-क्लास का उपयोग किया जाता है।

Q. 66. आप किस CSS प्रॉपर्टी का उपयोग करके किसी ड्रॉपडाउन मेन्यू को पेज पर तब तक पूरी तरह छिपा कर रखेंगे जब तक कि उपयोगकर्ता उसके पैरेंट एलिमेंट पर माउस होवर (:hover) न करे?
Which CSS property will you use to keep a dropdown menu completely hidden until the user hovers over its parent element?
(A) display: block;
(B) display: none;
(C) float: left;
(D) position: static;
Correct Answer: (B) display: none;
Explanation: ड्रॉपडाउन मेन्यू को डिफ़ॉल्ट रूप से छिपाने के लिए display: none; लगाया जाता है और जब यूजर पैरेंट पर माउस ले जाता है (:hover), तब उसे दिखाने के लिए display: block; कर दिया जाता है।

Q. 67. HTML इनपुट फील्ड्स को AngularJS एप्लिकेशन डेटा वेरिएबल से टू-वे बाइंड करने के लिए किस डायरेक्टिव का उपयोग किया जाता है?
Which AngularJS directive is used to bind HTML input fields to application data?
(A) ng-repeat
(B) ng-show
(C) ng-model
(D) ng-include
Correct Answer: (C) ng-model
Explanation: HTML के इनपुट कंट्रोल्स को एप्लिकेशन के वेरिएबल्स के साथ जोड़ने के लिए ng-model डायरेक्टिव का उपयोग किया जाता है।

Q. 68. लिस्ट आइटम के टेक्स्ट कंटेंट के संबंध में लिस्ट आइटम मार्कर (बुलेट या नंबर) की पोजिशन (अंदर या बाहर) को कंट्रोल करने के लिए आप किस CSS प्रॉपर्टी का उपयोग करेंगे?
Which CSS property will you use to control the position of the list item marker relative to the list item’s content?
(A) list-style-type
(B) list-style-image
(C) list-style-position
(D) text-indent
Correct Answer: (C) list-style-position
Explanation: बुलेट पॉइंट्स को लिस्ट टेक्स्ट बॉक्स के अंदर (inside) या बाहर (outside) रखने के लिए list-style-position प्रॉपर्टी का उपयोग किया जाता है।

Q. 69. W3.CSS में कौन सी क्लास 12-कॉलम वाली रिस्पॉन्सिव ग्रिड सिस्टम के अंदर एक कॉलम (Column) को परिभाषित करती है?
Which class in W3.CSS defines a column inside a 12-column responsive grid system?
(A) w3-col (used with s, m, l sizes like w3-col m4 l3)
(B) w3-border
(C) w3-panel
(D) w3-button
Correct Answer: (A) w3-col (used with s, m, l sizes like w3-col m4 l3)
Explanation: W3.CSS की 12-कॉलम ग्रिड (w3-row) के अंदर कॉलम बनाने के लिए w3-col क्लास का उपयोग छोटी (s), मध्यम (m) और बड़ी (l) स्क्रीन सब-क्लासेस के साथ किया जाता है।

Q. 70. HTML एंकर टैग (＜a＞) के बारे में नीचे दिए गए कथनों में से कौन से कथन सही हैं?
Which of the following statements about the HTML anchor (＜a＞) tag are correct?
1. इसका उपयोग एक पेज से दूसरे पेज पर जाने के लिए हाइपरलिंक बनाने में होता है।
2. href एट्रिब्यूट लिंक का डेस्टिनेशन URL बताता है।
3. target="_blank" लिंक को नए ब्राउज़र टैब या विंडो में खोलता है।
4. ＜a＞ एक एम्प्टी टैग है जिसे कभी बंद (＜/a＞) नहीं किया जाता।
(A) 1, 2, and 3 only
(B) 2 and 4 only
(C) 1 and 4 only
(D) All 1, 2, 3, and 4
Correct Answer: (A) 1, 2, and 3 only
Explanation: कथन 1, 2 और 3 बिल्कुल सही हैं, जबकि चौथा कथन गलत है क्योंकि ＜a＞ एक कंटेनर टैग है जिसे ＜/a＞ से बंद करना आवश्यक होता है।

Q. 71. W3.CSS इमेज क्लासेस को उनके सही फंक्शन से मिलाएं:
Match the W3.CSS image classes with their correct function:
List-I (Class) — List-II (Function)
1. w3-round — A. इमेज के कोनों को हल्का गोल बनाता है (Adds rounded corners to an image)
2. w3-circle — B. इमेज को थोड़ा पारदर्शी बनाता है (Adds transparency/opacity to an image)
3. w3-opacity — C. इमेज को एक पूरे गोले/वृत्त के आकार में दिखाता है (Shapes an image into a circle)
4. w3-grayscale — D. रंगीन इमेज को ब्लैक-एंड-व्हाइट शेड में बदलता है (Converts image to grayscale)
(A) 1-B, 2-A, 3-D, 4-C
(B) 1-C, 2-D, 3-A, 4-B
(C) 1-D, 2-B, 3-C, 4-A
(D) 1-A, 2-C, 3-B, 4-D
Correct Answer: (D) 1-A, 2-C, 3-B, 4-D
Explanation: w3-round कोने गोल करता है (1-A), w3-circle इमेज को वृत्ताकार बनाता है (2-C), w3-opacity पारदर्शिता देता है (3-B), और w3-grayscale ब्लैक-एंड-व्हाइट इफेक्ट देता है (4-D)।

Q. 72. पहचानें कि निम्नलिखित में से कौन सी वेबसाइटें स्टैटिक वेबसाइट (Static Websites) के उदाहरण हैं?
Identify which of the following websites are examples of Static Websites:
1. केवल HTML और CSS से बनी एक व्यक्तिगत पोर्टफोलियो वेबसाइट जिसमें कोई बैकएंड नहीं है।
2. एक ई-कॉमर्स शॉपिंग साइट जहाँ हर सेकंड लाइव कार्ट और पेमेंट डेटाबेस अपडेट होता है।
3. एक सोशल मीडिया फीड जो हर यूजर को अलग लाइव पोस्ट दिखाती है।
4. एक कंपनी ब्रोशर (Brochure) वेबसाइट जिसमें 5 फिक्स सूचनात्मक पेज हैं और कोई डेटाबेस नहीं है।
(A) 2 and 3 only
(B) 1 and 4 only
(C) 1, 2, and 3 only
(D) 3 and 4 only
Correct Answer: (B) 1 and 4 only
Explanation: बिना डेटाबेस और बिना सर्वर-साइड स्क्रिप्टिंग वाली साधारण पोर्टफोलियो (1) और कंपनी ब्रोशर (4) वेबसाइटें स्टैटिक होती हैं, क्योंकि वे हर विजिटर को एक जैसा फिक्स कंटेंट दिखाती हैं।

Q. 73. निम्नलिखित में से कौन सा कोड/टेक्स्ट एडिटर एक मुफ्त और ओपन-सोर्स (Open Source) सॉफ्टवेयर है?
Which of the following code/text editors is an open-source software?
(A) Sublime Text (Proprietary/Shareware)
(B) Adobe Dreamweaver (Commercial)
(C) Notepad++ (or Brackets)
(D) MS Word
Correct Answer: (C) Notepad++ (or Brackets)
Explanation: सिलेबस के अनुसार Notepad++ (और Brackets) जीपीएल लाइसेंस के तहत आने वाला एक पूरी तरह से मुफ्त और ओपन-सोर्स कोड एडिटर है।

Q. 74. नीचे दो कथन दिए गए हैं:
Given below are two statements:
अभिकथन (A): .w3-text-white क्लास वाला टेक्स्ट .w3-white बैकग्राउंड पर हमेशा साफ और स्पष्ट दिखाई देता है। (Assertion A: Text with .w3-text-white is always clearly visible on a .w3-white background.)
कारण (R): सफेद बैकग्राउंड पर सफेद टेक्स्ट उच्चतम कलर कंट्रास्ट प्रदान करता है। (Reason R: White text on a white background provides the highest color contrast.)
(A) Both (A) and (R) are true
(B) Both (A) and (R) are false
(C) (A) is true but (R) is false
(D) (A) is false but (R) is true
Correct Answer: (B) Both (A) and (R) are false
Explanation: दोनों कथन पूरी तरह से गलत हैं, क्योंकि सफेद बैकग्राउंड (.w3-white) के ऊपर सफेद रंग का टेक्स्ट (.w3-text-white) लिखने पर शून्य कंट्रास्ट के कारण कुछ भी दिखाई नहीं देगा।

Q. 75. कौन सा HTTP स्टेटस कोड ‘Page Not Found’ (अर्थात मांगा गया वेब पेज सर्वर पर मौजूद नहीं है) को दर्शाता है?
Which HTTP status code represents ‘Page Not Found’?
(A) 404
(B) 200
(C) 500
(D) 301
Correct Answer: (A) 404
Explanation: जब कोई यूजर ऐसे URL पर जाने की कोशिश करता है जो वेब सर्वर पर मौजूद नहीं है, तो सर्वर HTTP 404 (Page / Resource Not Found) स्टेटस कोड लौटाता है।

Q. 76. एक मेटा सर्च इंजन (Meta Search Engine) एक सामान्य सर्च इंजन से किस प्रकार अलग होता है?
How does a Meta Search Engine differ from a standard Search Engine?
(A) It works without an internet connection
(B) It only searches local hard disk folders
(C) It queries multiple other search engines simultaneously and aggregates their results
(D) It is used only for editing photos
Correct Answer: (C) It queries multiple other search engines simultaneously and aggregates their results
Explanation: मेटा सर्च इंजन (जैसे Dogpile, MetaCrawler) का अपना खुद का वेब इंडेक्स डेटाबेस नहीं होता; वह यूजर की क्वेरी को एक साथ कई सर्च इंजनों (Google, Bing, Yahoo) पर भेजकर उनके सर्वोत्तम परिणाम मिलाकर दिखाता है।

Q. 77. नीचे दो कथन दिए गए हैं:
Given below are two statements:
अभिकथन (A): फोटो एडिटिंग में लेयर्स (Layers) नॉन-डिस्ट्रक्टिव एडिटिंग की सुविधा देती हैं। (Assertion A: Layers in photo editing facilitate non-destructive editing.)
कारण (R): हर लेयर को नीचे या ऊपर की दूसरी लेयर के पिक्सल्स पर असर डाले बिना स्वतंत्र रूप से एडिट किया जा सकता है। (Reason R: Each layer can be edited independently without affecting other layers.)
(A) (A) is true but (R) is false
(B) (A) is false but (R) is true
(C) Both (A) and (R) are false
(D) Both (A) and (R) are true and (R) is the correct explanation of (A)
Correct Answer: (D) Both (A) and (R) are true and (R) is the correct explanation of (A)
Explanation: फोटोशॉप में लेयर्स का सबसे बड़ा फायदा यही है कि आप मूल बैकग्राउंड फोटो को खराब किए बिना अलग-अलग लेयर्स पर टेक्स्ट, फिल्टर और इफेक्ट जोड़ या हटा सकते हैं।

Q. 78. JavaScript ऑपरेटर्स से संबंधित निम्नलिखित कथनों को सही (True) या गलत (False) के रूप में चिह्नित करें:
Mark the following statements related to JavaScript operators as True or False:
1. + ऑपरेटर का उपयोग संख्याओं को जोड़ने और स्ट्रिंग्स को जोड़ने (Concatenation) दोनों के लिए होता है।
2. && लॉजिकल AND ऑपरेटर को दर्शाता है।
3. = ऑपरेटर का उपयोग दो मानों की समानता की तुलना (Comparison) करने के लिए होता है।
4. % (Modulus) ऑपरेटर भाग देने के बाद बचने वाला शेषफल (Remainder) लौटाता है।
(A) False, True, True, False
(B) True, False, True, True
(C) False, False, True, True
(D) True, True, False, True
Correct Answer: (D) True, True, False, True
Explanation: केवल कथन 3 गलत (False) है क्योंकि सिंगल = असाइनमेंट ऑपरेटर है (तुलना के लिए == या === होता है); बाकी कथन 1, 2 और 4 बिल्कुल सही (True) हैं।

Q. 79. AngularJS में किसी एरे या कलेक्शन के प्रत्येक आइटम के लिए HTML एलिमेंट (जैसे ＜li＞ या ＜tr＞) को बार-बार दोहराने के लिए किस डायरेक्टिव का उपयोग किया जाता है?
Which directive is used in AngularJS to repeat an HTML element for each item in a collection?
(A) ng-app
(B) ng-init
(C) ng-model
(D) ng-repeat
Correct Answer: (D) ng-repeat
Explanation: AngularJS में किसी एरे या लिस्ट के सभी आइटम्स पर लूप (for-each की तरह) चलाकर HTML टैग को दोहराने के लिए ng-repeat डायरेक्टिव का उपयोग किया जाता है।

Q. 80. कोड एडिटर्स (जैसे Sublime Text, VS Code, Notepad++) में ‘Syntax Highlighting’ फीचर किस लिए जरूरी और उपयोगी होता है?
Why is ‘Syntax Highlighting’ important in code editors?
(A) To increase internet download speed
(B) To color-code tags, keywords, and strings for easy reading and quick syntax error detection
(C) To automatically pay web hosting bills
(D) To convert HTML into audio files
Correct Answer: (B) To color-code tags, keywords, and strings for easy reading and quick syntax error detection
Explanation: सिंटैक्स हाईलाइटिंग कोड के कीवर्ड्स, टैग्स, स्ट्रिंग्स और कमेंट्स को अलग-अलग रंगों में दिखाता है, जिससे प्रोग्रामर को कोड पढ़ने और गलतियाँ पकड़ने में बहुत आसानी होती है।

Q. 81. JavaScript से संबंधित कथनों को सही (True) या गलत (False) के रूप में चिह्नित करें:
Mark the following statements related to JavaScript as True or False:
1. JavaScript और Java दोनों बिल्कुल एक ही प्रोग्रामिंग भाषा के दो नाम हैं।
2. JavaScript मुख्य रूप से क्लाइंट-साइड वेब ब्राउज़र में बिना कंपाइलेशन के रन होती है।
3. JavaScript एक केस-सेंसिटिव (Case-sensitive) स्क्रिप्टिंग भाषा है।
4. JavaScript में वेरिएबल नाम की शुरुआत किसी अंक (जैसे 1var) से हो सकती है।
(A) True, False, False, True
(B) False, True, True, False
(C) True, True, True, False
(D) False, False, True, True
Correct Answer: (B) False, True, True, False
Explanation: कथन 1 और 4 गलत हैं (क्योंकि Java और JavaScript पूरी तरह अलग भाषाएं हैं और वेरिएबल नाम अंक से शुरू नहीं हो सकता); जबकि कथन 2 और 3 बिल्कुल सत्य हैं।

Q. 82. निम्नलिखित AngularJS कोड का आउटपुट क्या होगा?
What will be the output of the following AngularJS code?
＜div ng-app=”” ng-init=”nums=[1, 2, 3]”＞
＜ul＞
＜li ng-repeat=”x in nums”＞{{ x }}＜/li＞
＜/ul＞
＜/div＞
(A) 123 in a single paragraph
(B) 1, 2, and 3 displayed as bullet points in an unordered list
(C) Syntax Error
(D) Nothing will be displayed
Correct Answer: (B) 1, 2, and 3 displayed as bullet points in an unordered list
Explanation: ng-init ने nums एरे में [1, 2, 3] सेट किया है और ＜ul＞ के अंदर ng-repeat प्रत्येक संख्या के लिए ＜li＞ बनाएगा, जिससे 1, 2 और 3 बुलेट पॉइंट्स में प्रिंट होंगे।

Q. 83. HTML5 में वेब पेज पर ऑडियो कंटेंट (जैसे MP3 गाना या पॉडकास्ट) को एंबेड करने के लिए किस स्टैंडर्ड टैग का उपयोग किया जाता है?
Which tag is used to embed audio content in HTML5?
(A) ＜audio＞
(B) ＜mp3＞
(C) ＜sound＞
(D) ＜voice＞
Correct Answer: (A) ＜audio＞
Explanation: HTML5 में बिना किसी बाहरी फ्लैश प्लगइन के वेब पेज पर ऑडियो फाइल चलाने के लिए ＜audio＞ कंटेनर टैग का उपयोग किया जाता है।

Q. 84. HTML टेबल एट्रिब्यूट्स/टैग्स का उनके सही विवरण से मिलान करें:
Match the HTML table attributes/tags with their correct description:
List-I — List-II
1. cellpadding — A. दो आस-पास की टेबल सेल्स के बीच की बाहरी दूरी (Space between adjacent cells)
2. cellspacing — B. सेल के बॉर्डर और उसके अंदर लिखे टेक्स्ट के बीच की दूरी (Space between cell border and content)
3. colspan — C. एक सेल को क्षैतिज रूप से कई कॉलम्स में फैलाता है (Spans a cell across multiple columns)
4. ＜th＞ — D. टेबल की हेडर सेल बनाता है जो डिफ़ॉल्ट रूप से बोल्ड और सेंटर होती है (Defines a table header cell)
(A) 1-A, 2-B, 3-C, 4-D
(B) 1-B, 2-A, 3-C, 4-D
(C) 1-C, 2-D, 3-A, 4-B
(D) 1-D, 2-C, 3-B, 4-A
Correct Answer: (B) 1-B, 2-A, 3-C, 4-D
Explanation: cellpadding सेल के अंदर की दूरी है (1-B), cellspacing दो सेल्स के बीच की दूरी है (2-A), colspan कॉलम्स को जोड़ता है (3-C), और ＜th＞ टेबल हेडर बनाता है (4-D)।

Q. 85. AngularJS एक्सप्रेशन्स (Expressions) को HTML में किन चिह्नों के भीतर बंद (Enclosed) किया जाता है?
AngularJS expressions are enclosed within ______.
(A) {{ expression }} (Double curly braces)
(B) { expression } (Single curly braces)
(C) [ expression ] (Square brackets)
(D) ( expression ) (Round brackets)
Correct Answer: (A) {{ expression }} (Double curly braces)
Explanation: AngularJS में किसी भी एक्सप्रेशन को HTML टेम्पलेट में लिखने के लिए डबल कर्ली ब्रैकेट्स {{ ... }} का उपयोग किया जाता है।

Q. 86. नीचे दो कथन दिए गए हैं:
Given below are two statements:
अभिकथन (A): SGML को HTML और XML दोनों की मूल (Parent) भाषा माना जाता है। (Assertion A: SGML is considered the parent language of both HTML and XML.)
कारण (R): HTML और XML दोनों को SGML के नियमों और मार्कअप सिद्धांतों से ही व्युत्पन्न (Derive) किया गया है। (Reason R: Both HTML and XML are derived from the rules and markup standards of SGML.)
(A) (A) is true but (R) is false
(B) (A) is false but (R) is true
(C) Both (A) and (R) are false
(D) Both (A) and (R) are true and (R) is the correct explanation of (A)
Correct Answer: (D) Both (A) and (R) are true and (R) is the correct explanation of (A)
Explanation: SGML (Standard Generalized Markup Language) से ही वेब के लिए सरल रूप में HTML और डेटा ट्रांसपोर्ट के लिए XML को विकसित किया गया है।

Q. 87. निम्नलिखित में से कौन से CSS नियम सिंटैक्स की दृष्टि से गलत (Invalid) हैं?
Which of the following CSS rules are syntactically INCORRECT/INVALID?
1. p ( color = red; )
2. h1 { font-size == 20px; }
3. div { background-color: blue; }
4. .box { margin: 10px; }
(A) 3 and 4 only
(B) 2 and 3 only
(C) 1 and 4 only
(D) 1 and 2 only
Correct Answer: (D) 1 and 2 only
Explanation: नियम 1 और 2 गलत हैं क्योंकि CSS में डिक्लेरेशन कर्ली ब्रैकेट्स { } में होता है और प्रॉपर्टी व वैल्यू के बीच कोलन (:) लगता है, न कि = या ==।

Q. 88. निम्नलिखित में से कौन सा कथन CSS में ID सेलेक्टर (#) और Class सेलेक्टर (.) के बीच के अंतर को सही ढंग से बताता है?
Which of the following statements correctly explains the difference between ID and Class selectors in CSS?
(A) Class selector has higher specificity than ID selector
(B) ID selector is unique to a single element and has higher specificity than a Class selector
(C) ID selector can be used 100 times on the same page, whereas Class can be used only once
(D) Class selector starts with # and ID selector starts with .
Correct Answer: (B) ID selector is unique to a single element and has higher specificity than a Class selector
Explanation: एक पेज पर एक id केवल एक ही एलिमेंट को दी जाती है और CSS प्राथमिकता (Specificity) में ID सेलेक्टर (#) का वजन Class सेलेक्टर (.) से अधिक होता है।

Q. 89. किस प्रकार की वेबसाइट को यूजर को रियल-टाइम और पर्सनलाइज्ड कंटेंट दिखाने के लिए बैकएंड डेटाबेस के साथ निरंतर इंटरैक्शन की आवश्यकता होती है?
Which type of website requires continuous interaction with a database?
(A) Dynamic Website
(B) Static HTML Website
(C) Offline Notepad File
(D) Printed Brochure
Correct Answer: (A) Dynamic Website
Explanation: डायनेमिक वेबसाइट (Dynamic Website, जैसे Amazon, Facebook या बैंकिंग पोर्टल) यूजर लॉगिन, प्रोडक्ट्स और लाइव डेटा दिखाने के लिए लगातार सर्वर और डेटाबेस से जुड़ी रहती है।

Q. 90. CSS में box-sizing: border-box; प्रॉपर्टी का मुख्य उद्देश्य क्या है?
What is the purpose of the box-sizing property (such as border-box) in CSS?
(A) To change the font color of a box
(B) To control how the total width and height of an element are calculated (including padding and border within the specified width/height)
(C) To delete the border of a table
(D) To animate an image across the screen
Correct Answer: (B) To control how the total width and height of an element are calculated (including padding and border within the specified width/height)
Explanation: box-sizing: border-box; लगाने पर एलिमेंट की दी गई width और height के अंदर ही उसकी Padding और Border भी शामिल हो जाते हैं, जिससे बॉक्स का कुल आकार बाहर नहीं फैलता।

Q. 91. AngularJS के बारे में नीचे दिए गए कथनों में से सही कथनों की पहचान करें:
Identify the correct statements about AngularJS:
1. यह Google द्वारा विकसित एक ओपन-सोर्स फ्रंट-एंड JavaScript फ्रेमवर्क है।
2. यह MVC (Model-View-Controller) आर्किटेक्चर और टू-वे डेटा बाइंडिंग को सपोर्ट करता है।
3. यह केवल C++ डेस्कटॉप गेम बनाने के लिए उपयोग होता है।
4. यह सिंगल पेज एप्लिकेशन (SPA) बनाने के लिए बेहद उपयोगी है।
(A) 1 and 3 only
(B) 2 and 3 only
(C) 1, 2, and 4 only
(D) 3 and 4 only
Correct Answer: (C) 1, 2, and 4 only
Explanation: कथन 1, 2 और 4 बिल्कुल सही हैं, जबकि कथन 3 गलत है क्योंकि AngularJS वेब एप्लिकेशन बनाने का JavaScript फ्रेमवर्क है।

Q. 92. W3.CSS में कौन सी क्लास किसी ब्लॉक एलिमेंट में बाएं और दाएं (Left & Right) 16px की मानक पैडिंग के साथ एक रिस्पॉन्सिव कंटेनर बनाती है?
Which class in W3.CSS adds a responsive container with standard 16px left and right padding?
(A) w3-container
(B) w3-margin-0
(C) w3-tiny
(D) w3-spin
Correct Answer: (A) w3-container
Explanation: W3.CSS में w3-container सबसे महत्वपूर्ण क्लास है जो किसी भी कंटेनर (＜div＞, ＜header＞, ＜footer＞) में 16px की बाएं-दाएं पैडिंग जोड़ती है।

Q. 93. W3.CSS के बारे में नीचे दिए गए कथनों में से सही कथनों की पहचान करें:
Identify the correct statements about W3.CSS:
1. W3.CSS पूरी तरह से मुफ्त और बिना किसी लाइसेंस शुल्क के उपयोग के लिए उपलब्ध है।
2. W3.CSS को चलाने के लिए jQuery इंस्टॉल करना अनिवार्य है।
3. W3.CSS डेस्कटॉप स्क्रीन को सपोर्ट नहीं करता है।
4. W3.CSS में बिल्ट-इन रिस्पॉन्सिव मोबाइल-फर्स्ट ग्रिड और मटेरियल डिजाइन कलर थीम्स शामिल हैं।
(A) 1 and 2 only
(B) 2 and 3 only
(C) 3 and 4 only
(D) 1 and 4 only
Correct Answer: (D) 1 and 4 only
Explanation: कथन 1 और 4 बिल्कुल सत्य हैं—W3.CSS पूरी तरह फ्री है और इसमें मोबाइल-फर्स्ट रिस्पॉन्सिव ग्रिड होती है; इसमें jQuery की आवश्यकता नहीं होती और यह हर स्क्रीन (मोबाइल व डेस्कटॉप) पर काम करता है।

Q. 94. नीचे दो कथन दिए गए हैं:
Given below are two statements:
अभिकथन (A): ＜div＞ एक ब्लॉक-लेवल HTML एलिमेंट है जिसका उपयोग प्रायः अन्य एलिमेंट्स को ग्रुप करने के लिए कंटेनर के रूप में किया जाता है। (Assertion A: ＜div＞ is a block-level element often used to group other elements.)
कारण (R): एक प्लेन ＜div＞ टैग बिना किसी CSS के डिफ़ॉल्ट रूप से 50px का भारी मार्जिन, पैडिंग और लाल बॉर्डर लागू करता है। (Reason R: A plain ＜div＞ applies heavy margin, padding, and border by default.)
(A) Both (A) and (R) are true
(B) (A) is false but (R) is true
(C) (A) is true but (R) is false
(D) Both (A) and (R) are false
Correct Answer: (C) (A) is true but (R) is false
Explanation: अभिकथन (A) सही है कि ＜div＞ एक ब्लॉक-लेवल कंटेनर है, लेकिन कारण (R) गलत है क्योंकि प्लेन ＜div＞ डिफ़ॉल्ट रूप से कोई भी पैडिंग, मार्जिन या बॉर्डर नहीं जोड़ता।

Q. 95. दृष्टिबाधित यूजर्स (Screen Readers) के लिए वेब एक्सेसिबिलिटी को बेहतर बनाने और इमेज लोड न होने पर वैकल्पिक टेक्स्ट दिखाने के लिए ＜img＞ टैग में कौन सा एट्रिब्यूट आवश्यक है?
Which attribute is required in the ＜img＞ tag to improve accessibility and provide alternative text?
(A) alt (Alternative text)
(B) title
(C) border
(D) align
Correct Answer: (A) alt (Alternative text)
Explanation: ＜img＞ टैग में alt एट्रिब्यूट स्क्रीन रीडर सॉफ्टवेयर को इमेज का विवरण पढ़कर सुनाने में मदद करता है और इमेज लोड न होने पर टेक्स्ट दिखाता है।

Q. 96. बहुभाषी अक्षरों और प्रतीकों के सही प्रदर्शन के लिए HTML5 फाइलों को सेव करते समय कौन सी कैरेक्टर एनकोडिंग सबसे ज्यादा सुझाई जाती है?
Which character encoding is most recommended when saving HTML5 files?
(A) UTF-8
(B) ASCII-7 only
(C) EBCDIC
(D) Morse Code
Correct Answer: (A) UTF-8
Explanation: W3C और HTML5 मानकों के अनुसार वेब पेजों के लिए UTF-8 एनकोडिंग (＜meta charset="UTF-8"＞) सबसे उपयुक्त है क्योंकि यह दुनिया की लगभग सभी भाषाओं और इमोजी को सपोर्ट करती है।

Q. 97. नीचे दिए गए कथनों को सही (True) या गलत (False) के रूप में चिह्नित करें:
Mark the following statements as True or False:
1. WWW (World Wide Web) और Internet दोनों बिल्कुल एक ही चीज हैं।
2. HTTP एक स्टेटलेस (Stateless) प्रोटोकॉल है।
3. एक्सटर्नल CSS फाइल को जोड़ने के लिए ＜link＞ टैग का उपयोग किया जाता है।
4. JavaScript का उपयोग क्लाइंट-साइड फॉर्म वैलिडेशन के लिए किया जा सकता है।
(A) False, True, True, True
(B) True, False, True, False
(C) True, True, False, False
(D) False, False, False, True
Correct Answer: (A) False, True, True, True
Explanation: पहला कथन गलत (False) है क्योंकि इंटरनेट हार्डवेयर नेटवर्कों का वैश्विक जाल है जबकि WWW उस पर चलने वाली वेब पेजों की एक सेवा है; बाकी कथन 2, 3 और 4 बिल्कुल सत्य (True) हैं।

Q. 98. आधुनिक कोड एडिटर्स (जैसे VS Code, Sublime Text और Notepad++) में Ctrl + / शॉर्टकट कुंजी का उपयोग किसके लिए किया जाता है?
What is the Ctrl + / shortcut key used for in modern code editors?
(A) To uninstall the editor
(B) To toggle line comment (commenting and uncommenting selected code)
(C) To format the hard drive
(D) To shut down Windows
Correct Answer: (B) To toggle line comment (commenting and uncommenting selected code)
Explanation: कोड एडिटर में वर्तमान लाइन या सेलेक्ट किए गए कोड ब्लॉक को तुरंत कमेंट या अन-कमेंट (Toggle Comment) करने के लिए Ctrl + / शॉर्टकट कुंजी का उपयोग होता है।

Q. 99. फोटो एडिटिंग में किसी इमेज के अनियमित आकार वाले हिस्सों को फ्री-हैंड (माउस ड्रैग करके हाथ से) सेलेक्ट करने के लिए मुख्य रूप से किस टूल का उपयोग किया जाता है?
Which tool is primarily used in photo editing to select irregular freehand areas of an image?
(A) Rectangular Marquee Tool
(B) Crop Tool
(C) Type Tool
(D) Lasso Tool
Correct Answer: (D) Lasso Tool
Explanation: फोटोशॉप में अनियमित आकार के ऑब्जेक्ट्स का फ्री-हैंड सिलेक्शन बनाने के लिए Lasso Tool (शॉर्टकट ‘L’) का उपयोग किया जाता है।

Q. 100. निम्नलिखित CSS नियम पर विचार करें:
Consider the following CSS rule:
div[class^=”box”] {
border: 2px solid black;
}
यह नियम किस एलिमेंट पर लागू होता है? (What does this rule apply to?)
(A) Every ＜div＞ element on the page
(B) Only ＜div＞ elements whose class name ends with “box”
(C) Any ＜div＞ element whose class attribute value begins (starts) with “box”
(D) Only ＜p＞ elements inside a ＜div＞
Correct Answer: (C) Any ＜div＞ element whose class attribute value begins (starts) with “box”
Explanation: CSS एट्रिब्यूट सेलेक्टर में कैरेट चिन्ह (^=) का अर्थ ‘starts with’ होता है, इसलिए div[class^="box"] उन सभी ＜div＞ एलिमेंट्स को चुनेगा जिनकी क्लास का नाम "box" से शुरू होता है।

SET- 2

Q. 1. नीचे दिए गए CSS कोड स्निपेट का आउटपुट/प्रभाव क्या होगा?
What will be the output/effect of the following CSS code snippet?
h1 {
color: red
text-decoration: underline
font-style: italic;
}
(A) Text becomes red, underlined, and italic
(B) Only font-style: italic; works (because semicolons are missing after the first two declarations)
(C) Only color: red works
(D) The browser crashes
Correct Answer: (B) Only font-style: italic; works (because semicolons are missing after the first two declarations)
Explanation: CSS में दो प्रॉपर्टीज को अलग करने के लिए सेमीकोलन (;) लगाना अनिवार्य होता है; यहाँ पहले दो नियमों के बाद सेमीकोलन न होने के कारण वे अमान्य हो जाएंगे और केवल अंतिम प्रॉपर्टी font-style: italic; ही काम करेगी।

Q. 2. JavaScript मुख्य रूप से किस प्रकार की भाषा (Language) है?
What type of language is JavaScript primarily considered?
(A) Purely compiled machine language
(B) Object-Based scripting language
(C) Hardware description language
(D) Database query language only
Correct Answer: (B) Object-Based scripting language
Explanation: JavaScript एक ऑब्जेक्ट-आधारित (Object-Based) स्क्रिप्टिंग भाषा है जो पहले से बने बिल्ट-इन और यूजर-डिफाइंड ऑब्जेक्ट्स (जैसे window, document, array) का उपयोग करके काम करती है।

Q. 3. वेब डेवलपमेंट के लिए W3.CSS फ्रेमवर्क का उपयोग करने का मुख्य लाभ क्या है?
What is the main advantage of using the W3.CSS framework for web development?
(A) It requires heavy jQuery files to run
(B) It works only on Internet Explorer
(C) It is lightweight, responsive, and requires no external JavaScript library dependencies
(D) It automatically buys domain names
Correct Answer: (C) It is lightweight, responsive, and requires no external JavaScript library dependencies
Explanation: W3.CSS का सबसे बड़ा लाभ यह है कि यह शुद्ध CSS से बना बेहद हल्का और तेज़ रिस्पॉन्सिव फ्रेमवर्क है जिसे चलाने के लिए किसी बाहरी JavaScript या jQuery की आवश्यकता नहीं पड़ती।

Q. 4. किसी अनऑफिशियल (अनाधिकृत या संदिग्ध) स्रोत/वेबसाइट से टेक्स्ट या कोड एडिटर डाउनलोड करने का मुख्य जोखिम क्या होता है?
What is the main risk of downloading text/code editors from unofficial sources?
(A) Better syntax highlighting
(B) Faster typing speed
(C) Automatic code completion
(D) Risk of Malware, Viruses, or Spyware infection in the system
Correct Answer: (D) Risk of Malware, Viruses, or Spyware infection in the system
Explanation: अनऑफिशियल या पायरेटेड वेबसाइटों से सॉफ्टवेयर डाउनलोड करने पर इंस्टॉलर के साथ कंप्यूटर में खतरनाक वायरस, ट्रोजन या मैलवेयर आने का गंभीर खतरा रहता है।

Q. 5. W3.CSS का रिस्पॉन्सिव ग्रिड सिस्टम एक पंक्ति (Row) में अधिकतम कितने कॉलम को सपोर्ट करता है?
How many columns does the W3.CSS responsive grid system support in a single row?
(A) 6 columns
(B) 12 columns
(C) 16 columns
(D) 24 columns
Correct Answer: (B) 12 columns
Explanation: W3.CSS और Bootstrap दोनों का स्टैंडर्ड रिस्पॉन्सिव ग्रिड सिस्टम पेज की चौड़ाई को 12 बराबर फ्लूइड कॉलम्स में बांटता है।

Q. 6. किसी HTML डॉक्यूमेंट में AngularJS एप्लिकेशन को शुरू (Auto-bootstrap / Initialize) करने के लिए किस डायरेक्टिव की आवश्यकता पड़ती है?
Which directive is required to start/initialize an AngularJS application in an HTML document?
(A) ng-model
(B) ng-bind
(C) ng-app
(D) ng-repeat
Correct Answer: (C) ng-app
Explanation: HTML पेज में AngularJS एप्लिकेशन की शुरुआत करने और रूट एलिमेंट तय करने के लिए सबसे पहले ng-app डायरेक्टिव लगाया जाता है।

Q. 7. निम्नलिखित में से कौन सी एक सर्वर-साइड (Server-side) स्क्रिप्टिंग लैंग्वेज है?
Which of the following is a server-side scripting language?
(A) PHP
(B) HTML
(C) CSS
(D) W3.CSS
Correct Answer: (A) PHP
Explanation: HTML, CSS और W3.CSS क्लाइंट-साइड ब्राउज़र पर काम करते हैं, जबकि PHP (Hypertext Preprocessor) वेब सर्वर पर रन होने वाली एक सर्वर-साइड स्क्रिप्टिंग भाषा है।

Q. 8. HTML5 को मुख्य रूप से किन आधुनिक सुविधाओं को बेहतर बनाने के लिए डिजाइन किया गया है?
HTML5 is mainly designed to support and improve ______.
(A) Only plain text without images
(B) Native Multimedia (Audio/Video) and Semantic Elements
(C) Floppy disk formatting
(D) Hardware BIOS configuration
Correct Answer: (B) Native Multimedia (Audio/Video) and Semantic Elements
Explanation: HTML5 का मुख्य उद्देश्य बिना किसी बाहरी प्लगइन के ऑडियो/वीडियो चलाना (＜audio＞, ＜video＞) और अर्थपूर्ण सेमैंटिक टैग्स (＜header＞, ＜nav＞, ＜article＞, ＜footer＞) प्रदान करना है।

Q. 9. इनमें से कौन सी CSS विधि एक वेबसाइट के कई अलग-अलग वेब पेजों पर डिजाइन की एकरूपता (Consistency) को सबसे बेहतर बनाती है?
Which of the following CSS methods best improves design consistency across multiple pages of a website?
(A) Inline CSS on every single tag
(B) Internal CSS inside one page only
(C) HTML font tags
(D) External CSS (linked via ＜link＞ tag)
Correct Answer: (D) External CSS (linked via ＜link＞ tag)
Explanation: एक्सटर्नल CSS (.css फाइल) को वेबसाइट के सभी पेजों से लिंक कर देने पर केवल एक फाइल में बदलाव करके पूरी वेबसाइट का डिजाइन और लेआउट एक जैसा रखा जा सकता है।

Q. 10. JavaScript में सिंगल-लाइन कमेंट (Single-line comment) लिखने के लिए किस सिंबल का प्रयोग होता है?
Which symbol is used for writing a single-line comment in JavaScript?
(A) ＜!– –＞
(B) // (Double forward slash)
(C) # (Hash)
(D) (Double asterisk)
Correct Answer: (B) // (Double forward slash)
Explanation: JavaScript में सिंगल-लाइन कमेंट के लिए डबल फॉरवर्ड स्लैश (//) और मल्टी-लाइन कमेंट के लिए /* … */ का उपयोग किया जाता है।

Q. 11. निम्नलिखित में से कौन सा टैग HTML5 में डेप्रिकेटेड (Deprecated / हटा दिया गया) है?
Which of the following tags is deprecated (removed) in HTML5?
(A) ＜frameset＞
(B) ＜video＞
(C) ＜section＞
(D) ＜nav＞
Correct Answer: (A) ＜frameset＞
Explanation: HTML5 में ＜frameset＞, ＜frame＞ और ＜noframes＞ टैग्स को पूरी तरह से हटा (Deprecate कर) दिया गया है; इनकी जगह अब केवल ＜iframe＞ का उपयोग होता है।

Q. 12. वेब ब्राउज़िंग के दौरान आने वाले HTTP स्टेटस कोड ‘404’ का क्या अर्थ होता है?
What does the HTTP status code ‘404’ indicate?
(A) Request succeeded
(B) Internal Server Hardware Fire
(C) Resource / Page Not Found
(D) Payment Required
Correct Answer: (C) Resource / Page Not Found
Explanation: HTTP 404 स्टेटस कोड यह दर्शाता है कि क्लाइंट (ब्राउज़र) सर्वर से जिस वेब पेज या रिसोर्स की मांग कर रहा है, वह उस पते पर उपलब्ध नहीं है।

Q. 13. DOM इवेंट हैंडलिंग में वह कौन सी प्रॉपर्टी/ऑब्जेक्ट है जिससे इवेंट जुड़ा हुआ है या जिस विशेष HTML एलिमेंट पर इवेंट घटित हुआ है?
In DOM event handling, what refers to the specific HTML element to which the event is dispatched or on which the event occurred?
(A) Event Target (event.target)
(B) Event Delay
(C) CSS Selector
(D) Meta Tag
Correct Answer: (A) Event Target (event.target)
Explanation: जावास्क्रिप्ट में जिस बटन, लिंक या एलिमेंट पर यूजर ने क्लिक या कोई क्रिया की है, उसे Event Target (event.target) कहा जाता है।

Q. 14. इनमें से कौन सा वेब पब्लिशिंग टूल बिना गहन कोडिंग के बड़ी और डायनेमिक वेबसाइटों को आसानी से मैनेज करने पर केंद्रित होता है?
Which of the following publishing tools focuses on managing large websites easily?
(A) MS Paint
(B) CMS (Content Management System like WordPress, Joomla, Drupal)
(C) Calculator
(D) Command Prompt
Correct Answer: (B) CMS (Content Management System like WordPress, Joomla, Drupal)
Explanation: कंटेंट मैनेजमेंट सिस्टम (CMS, जैसे WordPress) एक ऐसा प्लेटफॉर्म है जिसकी मदद से बड़ी वेबसाइटों के हजारों पेजों और कंटेंट को आसानी से मैनेज और पब्लिश किया जा सकता है।

Q. 15. CSS में टेक्स्ट को बोल्ड (मोटा) करने के लिए किस प्रॉपर्टी का उपयोग किया जाता है?
Which CSS property is used to make text bold?
(A) font-style
(B) font-weight
(C) text-decoration
(D) font-variant
Correct Answer: (B) font-weight
Explanation: CSS में अक्षरों को बोल्ड करने या उनकी मोटाई तय करने के लिए font-weight प्रॉपर्टी (जैसे font-weight: bold; या 700;) का उपयोग किया जाता है।

Q. 16. Sublime Text एडिटर में ‘Ctrl + Shift + F’ शॉर्टकट कुंजी संयोजन किस उद्देश्य के लिए उपयोग होता है?
For which purpose is the shortcut key combination ‘Ctrl + Shift + F’ used in Sublime Text?
(A) Find in Files (पूरे प्रोजेक्ट की कई फाइलों में एक साथ टेक्स्ट खोजना)
(B) Format Hard Disk
(C) Full Screen Mode
(D) Font Size Increase
Correct Answer: (A) Find in Files (पूरे प्रोजेक्ट की कई फाइलों में एक साथ टेक्स्ट खोजना)
Explanation: Sublime Text में केवल वर्तमान फाइल में खोजने के लिए Ctrl + F होता है, जबकि एक साथ पूरे फोल्डर की सभी फाइलों में कोई शब्द खोजने और बदलने (Find in Files) के लिए Ctrl + Shift + F का उपयोग होता है।

Q. 17. निम्नलिखित में से कौन सी CSS (Cascading Style Sheets) की एक सीमा (Limitation) नहीं है?
Which of the following is NOT a limitation of CSS?
(A) Some selectors and properties can lead to cross-browser compatibility issues
(B) CSS cannot directly request a web page or interact with a backend database
(C) A universal parent selector tag is always available in standard CSS2/CSS3 to style parents based on children
(D) CSS lacks native logical variables and database security controls
Correct Answer: (C) A universal parent selector tag is always available in standard CSS2/CSS3 to style parents based on children
Explanation: पारंपरिक CSS में चाइल्ड से पैरेंट को चुनने के लिए कोई सीधा Parent Selector उपलब्ध न होना उसकी एक सीमा रही है; इसलिए यह कहना कि ‘पैरेंट सेलेक्टर हमेशा उपलब्ध रहता है’ गलत है और यही सही विकल्प है।

Q. 18. निम्नलिखित में से कौन सा HTML टैग एक ब्लॉक-लेवल कंटेनर (Block-level container) बनाता है?
Which of the following HTML tags creates a block-level container?
(A) ＜span＞
(B) ＜div＞
(C) ＜b＞
(D) ＜i＞
Correct Answer: (B) ＜div＞
Explanation: ＜span＞, ＜b＞ और ＜i＞ इनलाइन (Inline) एलिमेंट्स हैं, जबकि ＜div＞ एक ब्लॉक-लेवल कंटेनर टैग है जो हमेशा नई लाइन से शुरू होता है और पूरी चौड़ाई लेता है।

Q. 19. वेब विकास में CMS (Content Management System) की मुख्य भूमिका क्या होती है?
What is the main role of a Content Management System (CMS)?
(A) Manufacturing computer monitors
(B) Creating, managing, modifying, and publishing digital content on a website
(C) Repairing broken Ethernet cables
(D) Scanning computer for hardware heat
Correct Answer: (B) Creating, managing, modifying, and publishing digital content on a website
Explanation: CMS का मुख्य कार्य यूजर्स को बिना हर बार शुरू से कोड लिखे वेबसाइट पर डिजिटल कंटेंट बनाने, एडिट करने, मैनेज करने और पब्लिश करने की सुविधा देना है।

Q. 20. W3.CSS में किसी एलिमेंट का बैकग्राउंड रंग हरा (Green) करने के लिए आपको किस क्लास का उपयोग करना पड़ता है?
Which class do you use in W3.CSS to make the background color of an element green?
(A) w3-text-green
(B) bg-green
(C) w3-green
(D) color-green
Correct Answer: (C) w3-green
Explanation: W3.CSS में किसी भी कंटेनर या बटन का बैकग्राउंड रंग हरा करने के लिए सीधे w3-green क्लास लगाई जाती है (जबकि w3-text-green केवल टेक्स्ट को हरा करता है)।

Q. 21. क्लाइंट-साइड स्क्रिप्टिंग (Client-side scripting) के बारे में इनमें से कौन सा कथन सत्य है?
Which of the following statements is TRUE about client-side scripting?
(A) It accesses the server database directly without any backend
(B) It reduces server load and enhances user interactivity by executing in the browser
(C) It completely replaces the need for web hosting
(D) It compiles C++ operating system kernels
Correct Answer: (B) It reduces server load and enhances user interactivity by executing in the browser
Explanation: क्लाइंट-साइड स्क्रिप्ट (जैसे JavaScript) यूजर के अपने वेब ब्राउज़र में ही रन हो जाती है, जिससे छोटे कार्यों (जैसे फॉर्म वैलिडेशन) के लिए बार-बार सर्वर पर रिक्वेस्ट नहीं भेजनी पड़ती और सर्वर का लोड कम होता है।

Q. 22. फोटो एडिटिंग सॉफ्टवेयर (जैसे Photoshop) का मुख्य उद्देश्य क्या है?
What is the main purpose of photo editing software like Photoshop?
(A) Writing server database queries
(B) Compiling Python programs
(C) Managing network routers
(D) Manipulating, retouching, and enhancing raster/bitmap images
Correct Answer: (D) Manipulating, retouching, and enhancing raster/bitmap images
Explanation: फोटो एडिटिंग सॉफ्टवेयर का मुख्य कार्य पिक्सल-आधारित रास्टर इमेजेस (Raster images) में सुधार करना, कलर करेक्शन करना और उन्हें एडिट करना है।

Q. 23. किसी वेबसाइट को बनाने और इंटरनेट पर लाइव पब्लिश करने (Web Publishing) का सही तार्किक क्रम क्या है?
Which of the following is the correct sequence for web publishing?
(A) Deployment -＞ Designing -＞ Content Creation -＞ Hosting
(B) Hosting -＞ Deployment -＞ Designing -＞ Content Creation
(C) Content Creation -＞ Deployment -＞ Designing -＞ Hosting
(D) Website Designing & Content Creation -＞ Web Hosting & Domain Setup -＞ File Upload / Deployment
Correct Answer: (D) Website Designing & Content Creation -＞ Web Hosting & Domain Setup -＞ File Upload / Deployment
Explanation: वेब पब्लिशिंग में सबसे पहले वेबसाइट डिजाइन और कंटेंट तैयार किया जाता है, फिर डोमेन व वेब होस्टिंग ली जाती है, और अंत में फाइलों को सर्वर पर अपलोड (Deploy) करके लाइव किया जाता है।

Q. 24. फोटोशॉप में कौन सा ऑपरेशन सभी दिखाई देने वाली लेयर्स (Visible Layers) को स्थायी रूप से आपस में जोड़कर एक सिंगल लेयर में मिला देता है?
Which operation permanently combines all visible layers into one in Photoshop?
(A) Merge Visible / Merge Layers
(B) Duplicate Layer
(C) New Adjustment Layer
(D) Hide Layer
Correct Answer: (A) Merge Visible / Merge Layers
Explanation: फाइल का साइज कम करने या एडिटिंग पूरी होने के बाद एक से अधिक लेयर्स को स्थायी रूप से मिलाकर एक लेयर बनाने के लिए Merge Layers (या Merge Visible – Ctrl+Shift+E) का उपयोग होता है।

Q. 25. निम्नलिखित में से कौन सी एक क्लाइंट-साइड स्क्रिप्टिंग भाषा नहीं है?
Which of the following is NOT a client-side scripting language?
(A) JavaScript
(B) VBScript
(C) AngularJS
(D) PHP
Correct Answer: (D) PHP
Explanation: JavaScript, VBScript और AngularJS क्लाइंट-साइड (ब्राउज़र) पर काम करते हैं, जबकि PHP एक शुद्ध सर्वर-साइड स्क्रिप्टिंग भाषा है।

Q. 26. HTML फॉर्म में ड्रॉप-डाउन लिस्ट (Drop-down list) बनाने के लिए किस टैग का उपयोग किया जाता है?
Which HTML tag is used to create a drop-down list in a form?
(A) ＜input type=”dropdown”＞
(B) ＜list＞
(C) ＜ul＞
(D) ＜select＞
Correct Answer: (D) ＜select＞
Explanation: HTML फॉर्म में ड्रॉप-डाउन मेन्यू बनाने के लिए ＜select＞ टैग का उपयोग किया जाता है और उसके अंदर के विकल्पों को ＜option＞ टैग से जोड़ा जाता है।

Q. 27. HTML डॉक्यूमेंट के ＜head＞ या ＜body＞ सेक्शन में JavaScript कोड जोड़ने के लिए किस टैग का उपयोग किया जाता है?
Which tag is used to add JavaScript inside the ＜head＞ section of an HTML document?
(A) ＜js＞
(B) ＜scripting＞
(C) ＜script＞
(D) ＜code＞
Correct Answer: (C) ＜script＞
Explanation: HTML में इंटरनल या एक्सटर्नल JavaScript जोड़ने के लिए हमेशा ＜script＞ टैग का उपयोग किया जाता है।

Q. 28. किसी HTML एलिमेंट को उसकी विशिष्ट id के जरिए एक्सेस करने के लिए JavaScript के किस DOM मेथड का उपयोग होता है?
Which JavaScript method is used to access an HTML element by its ID?
(A) document.getElement(id)
(B) document.getElementById(“idName”)
(C) window.findId(“idName”)
(D) dom.selectId(“idName”)
Correct Answer: (B) document.getElementById(“idName”)
Explanation: DOM में किसी विशेष आईडी वाले HTML एलिमेंट को चुनने और उसमें बदलाव करने के लिए document.getElementById("idName") मेथड का प्रयोग किया जाता है।

Q. 29. निम्नलिखित में से कौन सी CSS cursor प्रॉपर्टी की एक मान्य (Valid) वैल्यू नहीं है?
Which of the following is NOT a valid value of the CSS cursor property?
(A) f-resize
(B) move
(C) ne-resize
(D) se-resize
Correct Answer: (A) f-resize
Explanation: CSS में कर्सर की दिशा दिखाने के लिए उत्तर-दक्षिण-पूर्व-पश्चिम (n-resize, s-resize, e-resize, w-resize, ne-resize, se-resize) और move वैल्यू होती हैं, लेकिन f-resize नाम की कोई वैल्यू नहीं होती।

Q. 30. W3.CSS फ्रेमवर्क में कौन सी क्लास किसी एलिमेंट के चारों तरफ के सभी मार्जिन (Margins) को पूरी तरह हटा कर शून्य (0) कर देती है?
Which W3.CSS class completely removes all margins from an element?
(A) w3-margin-0 (or w3-margin-none)
(B) w3-padding-0
(C) w3-border-0
(D) w3-round-0
Correct Answer: (A) w3-margin-0 (or w3-margin-none)
Explanation: किसी एलिमेंट से मार्जिन हटाने के लिए W3.CSS क्लास का उपयोग होता है (जबकि बॉर्डर हटाने के लिए w3-border-0 होता है)।

Q. 31. CSS में text-shadow प्रॉपर्टी के लिए निर्धारित चार मानों (Values) में से कौन सा एक मान्य भाग नहीं है?
Which is NOT one of the four defined values for the text-shadow property in CSS?
(A) The font-size of the text shadow
(B) The X-coordinate (horizontal offset)
(C) The Y-coordinate (vertical offset)
(D) The blur radius and color of the shadow
Correct Answer: (A) The font-size of the text shadow
Explanation: text-shadow: h-shadow v-shadow blur-radius color; में केवल चार मान होते हैं—X-ऑफसेट, Y-ऑफसेट, ब्लर रेडियस और रंग; इसमें टेक्स्ट शैडो का अलग से साइज सेट करने की वैल्यू नहीं होती।

Q. 32. किसी बाहरी CSS फाइल (External Stylesheet) को HTML डॉक्यूमेंट से लिंक करने के लिए किस टैग का उपयोग किया जाता है?
Which tag is used to link an external CSS file to an HTML document?
(A) ＜link＞
(B) ＜style＞
(C) ＜script＞
(D) ＜a＞
Correct Answer: (A) ＜link＞
Explanation: एक्सटर्नल .css फाइल को HTML के ＜head＞ सेक्शन में जोड़ने के लिए ＜link rel="stylesheet" href="style.css"＞ टैग का उपयोग होता है।

Q. 33. वेब डेवलपमेंट और JavaScript के संदर्भ में DOM का पूर्ण रूप (Full Form) क्या है?
What is the full form of DOM in JavaScript and web development?
(A) Document Object Model
(B) Data Object Management
(C) Digital Order Model
(D) Desktop Oriented Module
Correct Answer: (A) Document Object Model
Explanation: DOM का पूरा नाम Document Object Model है, जो वेब पेज के सभी एलिमेंट्स को ऑब्जेक्ट ट्री के रूप में दर्शाता है।

Q. 34. W3.CSS में पैडिंग युक्त रिस्पॉन्सिव ग्रिड लेआउट बनाने के लिए पंक्ति (Row) और कॉलम (Column) क्लासेस का कौन सा संयोजन सही है?
Which of the following is correct for creating a padded grid layout in W3.CSS?
(A) Use w3-table for row and w3-cell for column
(B) Use w3-grid for row and w3-box for column
(C) Use w3-row-padding (or w3-row) for row and w3-col for columns
(D) Use w3-panel for row and w3-card for column
Correct Answer: (C) Use w3-row-padding (or w3-row) for row and w3-col for columns
Explanation: W3.CSS ग्रिड सिस्टम में कॉलम्स के बीच पैडिंग वाली पंक्ति बनाने के लिए बाहर w3-row-padding और उसके अंदर कॉलम्स के लिए w3-col क्लास का उपयोग किया जाता है।

Q. 35. रिस्पॉन्सिव वेब डिजाइन बनाने के लिए निम्नलिखित में से कौन सा एक लोकप्रिय फ्रंट-एंड CSS फ्रेमवर्क है?
Which of the following is a popular CSS framework for creating responsive web designs?
(A) Django (Python backend framework)
(B) Ruby on Rails
(C) Laravel (PHP backend framework)
(D) Bootstrap
Correct Answer: (D) Bootstrap
Explanation: Django, Rails और Laravel बैकएंड सर्वर फ्रेमवर्क हैं, जबकि Bootstrap दुनिया का सबसे लोकप्रिय फ्रंट-एंड HTML/CSS रिस्पॉन्सिव फ्रेमवर्क है।

Q. 36. Notepad++ सॉफ्टवेयर को विकसित करने के लिए मुख्य रूप से किस प्रोग्रामिंग भाषा का उपयोग किया गया है?
Which programming language is used to develop Notepad++?
(A) Python
(B) Java
(C) C++
(D) PHP
Correct Answer: (C) C++
Explanation: प्रसिद्ध सोर्स कोड एडिटर Notepad++ को Win32 API और STL के साथ C++ प्रोग्रामिंग भाषा में लिखा गया है, जिससे यह बेहद तेज़ काम करता है।

Q. 37. AngularJS में डेटा बाइंडिंग (Data Binding) के बारे में निम्नलिखित में से कौन सा कथन सही है?
Which of the following statements is CORRECT about Data Binding in AngularJS?
(A) Automatic synchronization of data between the Model and the View components
(B) Automatic synchronization between the hard disk and the printer
(C) A technique to save HTML code directly into BIOS ROM
(D) A method to compile CSS into machine language
Correct Answer: (A) Automatic synchronization of data between the Model and the View components
Explanation: AngularJS में डेटा बाइंडिंग का अर्थ Model (एप्लिकेशन डेटा) और View (HTML पेज) के बीच डेटा का ऑटोमैटिक सिंक्रोनाइजेशन होना है।

Q. 38. निम्नलिखित JavaScript कोड स्निपेट का आउटपुट क्या होगा?
What will be the output of the following JavaScript code snippet?
console.log(“5” + 3);
(A) 8
(B) 53
(C) 15
(D) Error
Correct Answer: (B) 53
Explanation: यहाँ "5" एक स्ट्रिंग है और 3 एक संख्या है; JavaScript में जब स्ट्रिंग के साथ + ऑपरेटर लगता है तो वह जोड़ने के बजाय स्ट्रिंग कॉनकैटेनेशन (String Concatenation) करके "53" दे देता है।

Q. 39. Adobe Photoshop में ‘Layer Mask’ के बारे में इनमें से कौन सा कथन सही है?
Which of the following statements is TRUE about a ‘Layer Mask’ in Photoshop?
(A) It is a non-destructive pixel-based way to hide or reveal specific parts of a layer without permanently erasing them
(B) It permanently deletes the entire image from the hard drive
(C) It only changes the file format from .psd to .mp3
(D) It cannot be removed once applied
Correct Answer: (A) It is a non-destructive pixel-based way to hide or reveal specific parts of a layer without permanently erasing them
Explanation: लेयर मास्क का उपयोग करने से मूल इमेज के पिक्सल नष्ट नहीं होते (Non-destructive), बल्कि काले और सफेद रंग की मदद से लेयर के किसी हिस्से को छिपाया या दिखाया जा सकता है।

Q. 40. CSS बॉक्स मॉडल (Box Model) के बारे में कौन सा कथन सही है (जिसमें इसके चारों घटक शामिल हों)?
Which statement is TRUE about the CSS Box Model?
(A) It consists of Content, Padding, Border, and Margin
(B) It consists only of Font, Color, and Audio
(C) It works only on table cells
(D) It does not support borders
Correct Answer: (A) It consists of Content, Padding, Border, and Margin
Explanation: प्रत्येक HTML एलिमेंट एक आयताकार बॉक्स होता है जिसके CSS बॉक्स मॉडल में अंदर से बाहर की ओर 4 मुख्य भाग होते हैं: Content, Padding, Border और Margin।

Q. 41. प्रोग्रामिंग और JavaScript कंडीशनल स्टेटमेंट में कौन सा ब्लॉक तब निष्पादित (Execute) होता है जब if की शर्त गलत (False) हो जाती है?
Which statement block executes when the condition inside the if statement is false?
(A) for
(B) while
(C) break
(D) else
Correct Answer: (D) else
Explanation: if-else संरचना में जब if की कंडीशन True होती है तो if ब्लॉक चलता है, और जब कंडीशन False होती है तो else ब्लॉक के अंदर लिखा कोड चलता है।

Q. 42. किसी भी टेक्स्ट या कोड एडिटर में वर्तमान फाइल को सेव (Save) करने के लिए आमतौर पर किस शॉर्टकट कुंजी का इस्तेमाल किया जाता है?
Which shortcut key is commonly used to save a file in an editor?
(A) Ctrl + O
(B) Ctrl + P
(C) Ctrl + S
(D) Ctrl + F
Correct Answer: (C) Ctrl + S
Explanation: लगभग सभी टेक्स्ट व कोड एडिटर्स (Notepad, Notepad++, Sublime Text, VS Code) में फाइल को सेव करने के लिए Ctrl + S शॉर्टकट कुंजी का उपयोग होता है।

Q. 43. CSS में किसी एलिमेंट को उसके ID सेलेक्टर से टारगेट करने के लिए किस सिंबल का उपयोग किया जाता है?
Which symbol is used for an ID selector in CSS?
(A) . (Dot)
(B) # (Hash)
(C) * (Asterisk)
(D) @ (At sign)
Correct Answer: (B) # (Hash)
Explanation: CSS में किसी एलिमेंट की id के आधार पर स्टाइल लगाने के लिए हैश सिंबल (#idName) का उपयोग किया जाता है, जबकि क्लास के लिए डॉट (.) लगता है।

Q. 44. कौन सी मुख्य विशेषता SGML / XML को स्टैंडर्ड HTML से अलग करती है?
Which feature distinguishes SGML / XML from standard HTML?
(A) Fixed set of only 10 tags
(B) Used only for playing audio files
(C) User-defined tags / extensible markup (यूजर अपने खुद के कस्टम टैग्स परिभाषित कर सकता है)
(D) Cannot be opened in any text editor
Correct Answer: (C) User-defined tags / extensible markup (यूजर अपने खुद के कस्टम टैग्स परिभाषित कर सकता है)
Explanation: HTML में पहले से तय फिक्स टैग्स (जैसे ＜h1＞, ＜p＞) होते हैं, जबकि SGML और XML में यूजर अपनी आवश्यकतानुसार खुद के नए टैग्स (User-defined tags) बना सकता है।

Q. 45. फोटोशॉप में इनमें से किस टूल का उपयोग किसी ऑब्जेक्ट का रंग बदलने के लिए नहीं किया जाता है (क्योंकि इस नाम का कोई स्टैंडर्ड टूल नहीं होता)?
Which of the following is NOT a standard tool used to change the color of an object in Photoshop?
(A) Color Replacement Tool
(B) Paint Bucket / Brush Tool
(C) Hue/Saturation Adjustment Layer
(D) Enhance Color Tool
Correct Answer: (D) Enhance Color Tool
Explanation: फोटोशॉप में रंग बदलने के लिए Color Replacement, Hue/Saturation और Brush/Bucket टूल होते हैं, लेकिन ‘Enhance Color Tool’ नाम का कोई स्टैंडर्ड टूल नहीं होता।

Q. 46. आधुनिक वेब डेवलपमेंट और Angular में प्रयुक्त लाइब्रेरी ‘RxJS’ का पूरा नाम क्या है?
What does ‘RxJS’ stand for in web development?
(A) Reactive Extensions for JavaScript
(B) Regular XML for JavaScript
(C) Rapid Execution of Java System
(D) Remote XHTML Script
Correct Answer: (A) Reactive Extensions for JavaScript
Explanation: RxJS का पूरा नाम Reactive Extensions for JavaScript है, जो ऑब्जर्वेबल्स (Observables) का उपयोग करके एसिंक्रोनस और इवेंट-आधारित प्रोग्रामिंग करने की लाइब्रेरी है।

Q. 47. फोटोशॉप का कौन सा फीचर इमेज के ऐसे स्वतंत्र हिस्से (Independent stacked sheets) बनाने की सुविधा देता है जिन्हें मुख्य इमेज को बिगाड़े बिना अलग से एडिट किया जा सके और बाद में जोड़ा जा सके?
Which feature in Photoshop allows creating independent stacked parts of an image that can be edited separately?
(A) Crop Marquee
(B) File Extension
(C) Zoom Slider
(D) Layers
Correct Answer: (D) Layers
Explanation: लेयर्स (Layers) पारदर्शी शीट्स की तरह एक के ऊपर एक काम करती हैं, जिससे हर ऑब्जेक्ट या टेक्स्ट को दूसरी लेयर को छेड़े बिना अलग से एडिट किया जा सकता है।

Q. 48. CSS में कौन सी बॉर्डर प्रॉपर्टी किसी बॉक्स के कोनों को गोल (Rounded Corners) करने का काम करती है?
In CSS, which border property is used to make rounded corners?
(A) border-style
(B) border-radius
(C) border-width
(D) border-collapse
Correct Answer: (B) border-radius
Explanation: CSS में किसी एलिमेंट के चारों कोनों को गोल आकार देने के लिए border-radius प्रॉपर्टी (जैसे border-radius: 10px;) का उपयोग किया जाता है।

Q. 49. प्रोग्रामिंग और वेब कोडिंग के लिए वर्ड प्रोसेसर (जैसे MS Word) की जगह टेक्स्ट/कोड एडिटर (जैसे Notepad++) का उपयोग करने का मुख्य लाभ क्या है?
What is the main advantage of using a text editor instead of a word processor for coding?
(A) It adds heavy 3D clip-art automatically
(B) It changes straight quotes into fancy curly quotes that break code
(C) It prints pages in colour faster
(D) Clean plain text editing without hidden formatting metadata (along with syntax highlighting)
Correct Answer: (D) Clean plain text editing without hidden formatting metadata (along with syntax highlighting)
Explanation: वर्ड प्रोसेसर फाइल में छिपी हुई फॉर्मेटिंग जोड़ देते हैं जिससे कोड खराब हो जाता है, जबकि टेक्स्ट एडिटर शुद्ध प्लेन टेक्स्ट (Plain Text Editing) में कोड सेव करता है।

Q. 50. नीचे दिए गए JavaScript कोड स्निपेट का आउटपुट क्या होगा?
What will be the output of the following JavaScript code snippet?
var a = true + true + true * 3;
document.write(a);
(A) true3
(B) 9
(C) Error
(D) 5
Correct Answer: (D) 5
Explanation: JavaScript के अंकगणितीय ऑपरेशन में true का संख्यात्मक मान 1 माना जाता है; BODMAS के अनुसार पहले गुणा 1 * 3 = 3 होगा, और फिर 1 + 1 + 3 = 5 आउटपुट आएगा।

Q. 51. एक ऐसी वेबसाइट संरचना (Site Structure) जो अपने हर वेब पेज को वेबसाइट के हर दूसरे वेब पेज से सीधे लिंक करती है, उसे क्या कहते हैं?
A website structure that links every page directly to every other page is called a ______ structure.
(A) Linear / Sequential Structure
(B) Full Mesh (Webbed) Structure
(C) Strict Hierarchy Tree only
(D) Dead-end Page
Correct Answer: (B) Full Mesh (Webbed) Structure
Explanation: जब किसी वेबसाइट के सभी पेज एक-दूसरे के साथ सीधे हाइपरलिंक से जुड़े होते हैं ताकि किसी भी पेज से सीधे किसी भी दूसरे पेज पर जाया जा सके, तो उसे Full Mesh संरचना कहते हैं।

Q. 52. CSS में कौन सा सेलेक्टर वेब पेज के सभी HTML एलिमेंट्स पर एक साथ स्टाइल लागू करता है?
Which selector in CSS applies styles to all elements on a web page?
(A) Class Selector (.)
(B) ID Selector (#)
(C) Child Selector (＞)
(D) Universal Selector ()
Correct Answer: (D) Universal Selector ()
Explanation: स्टार चिन्ह (*) को CSS में यूनिवर्सल सेलेक्टर (Universal Selector) कहते हैं, जो पेज के हर एक HTML टैग को सेलेक्ट कर लेता है।

Q. 53. ‘Document Interchange Standard’ (जैसे SGML, XML, PDF या ODF) का मुख्य लक्ष्य क्या है?
What is the main goal of a Document Interchange Standard?
(A) Faster gaming graphics
(B) Deleting local files automatically
(C) Platform-independent document exchange across different systems and software
(D) Blocking internet access
Correct Answer: (C) Platform-independent document exchange across different systems and software
Explanation: डॉक्यूमेंट इंटरचेंज स्टैंडर्ड का मुख्य उद्देश्य यह सुनिश्चित करना है कि फाइलें अलग-अलग ऑपरेटिंग सिस्टम, हार्डवेयर और सॉफ्टवेयर के बीच बिना डेटा या स्वरूप खोए आसानी से साझा (Exchange) की जा सकें।

Q. 54. वेब पेज के लिए फॉन्ट (Font) चुनते समय डिजाइनर को किन बातों का ध्यान रखना चाहिए?
When choosing a font for a document/webpage, what things should be kept in mind?
(A) Documents viewed on computer screens generally look better in Sans-serif fonts
(B) Not every user has the exact same set of custom fonts installed on their computer
(C) Printed documents on paper often look better and are easier to read in Serif fonts
(D) All of the options
Correct Answer: (D) All of the options
Explanation: वेब टाइपोग्राफी के नियमों के अनुसार स्क्रीन के लिए Sans-serif (जैसे Arial, Verdana) बेहतर होते हैं, प्रिंट के लिए Serif (जैसे Times New Roman) अच्छे होते हैं, और हर कंप्यूटर में समान फॉन्ट नहीं होते इसलिए फॉन्ट स्टैक का ध्यान रखना पड़ता है।

Q. 55. W3.CSS में कौन सी क्लास किसी एलिमेंट को उसके कंटेनर के दाईं ओर फ्लोट (Float to the right) करती है?
Which W3.CSS class floats an element to the right?
(A) w3-right
(B) w3-float-right
(C) w3-align-right
(D) w3-end
Correct Answer: (A) w3-right
Explanation: W3.CSS में किसी बटन या एलिमेंट को दाईं ओर फ्लोट (float: right) करने के लिए w3-right और बाईं ओर फ्लोट करने के लिए w3-left क्लास का उपयोग किया जाता है।

Q. 56. हाइपरलिंक बनाने के लिए HTML के एंकर टैग (＜a＞) में कौन सा एट्रिब्यूट सबसे जरूरी (अनिवार्य) होता है जो लिंक का गंतव्य पता बताता है?
Which of the following attributes is most important/essential in the anchor (＜a＞) tag to specify the destination link?
(A) src
(B) href
(C) alt
(D) name
Correct Answer: (B) href
Explanation: एंकर टैग में href (Hypertext Reference) एट्रिब्यूट ही वह URL बताता है जहाँ यूजर क्लिक करने के बाद पहुंचेगा; इसके बिना ＜a＞ टैग क्लिक करने योग्य लिंक नहीं बनता।

Q. 57. W3.CSS फ्रेमवर्क में इनमें से कौन सी क्लास यह सुनिश्चित करती है कि इमेज या टेबल स्क्रीन के आकार के अनुसार अपने आप स्केल/रिस्पॉन्सिव हो जाएगी?
Which class in the W3.CSS framework ensures that an image scales automatically (or makes an element responsive)?
(A) w3-fixed
(B) w3-static
(C) w3-jumbo
(D) w3-image (or w3-responsive)
Correct Answer: (D) w3-image (or w3-responsive)
Explanation: W3.CSS में इमेज को स्क्रीन के अनुसार अपने आप छोटा-बड़ा (Scale) करने के लिए w3-image और टेबल को रिस्पॉन्सिव बनाने के लिए w3-responsive क्लास का उपयोग किया जाता है।

Q. 58. फोटो एडिटिंग सॉफ्टवेयर में ब्रश टूल की ओपेसिटी (Brush Opacity) क्या नियंत्रित करती है?
What does the Brush Opacity control in photo editing software?
(A) The size of the monitor screen
(B) The file format of the image
(C) Color intensity / transparency of the brush stroke (रंग की तीव्रता या पारदर्शिता)
(D) The keyboard shortcut keys
Correct Answer: (C) Color intensity / transparency of the brush stroke (रंग की तीव्रता या पारदर्शिता)
Explanation: ब्रश की ओपेसिटी यह तय करती है कि एक बार ब्रश चलाने पर रंग कितना गहरा (100% पर अपारदर्शी) या कितना हल्का/पारदर्शी दिखाई देगा।

Q. 59. Angular राउटिंग की ActivatedRoute क्लास पर paramMap और queryParamMap के बीच क्या सही संबंध/अंतर है?
What is true regarding paramMap and queryParamMap on the ActivatedRoute class in Angular?
(A) Both are Observables containing values from the requested route’s URL string
(B) paramMap contains route path parameters (e.g., /user/:id), while queryParamMap contains URL query parameters after ? (e.g., ?_wpnonce=f066c6fbbd&page=2)
(C) They provide methods like get(), getAll(), and has() to read parameters safely
(D) All of the options are correct
Correct Answer: (D) All of the options are correct
Explanation: Angular राउटर में paramMap और queryParamMap दोनों ऑब्जर्वेबल ऑब्जेक्ट्स हैं जो क्रमशः URL पाथ पैरामीटर्स और ? के बाद आने वाले क्वेरी पैरामीटर्स को स्टोर करते हैं; इसलिए सभी कथन सत्य हैं।

Q. 60. CSS में तिरछे यानी इटैलिक (Italic) टेक्स्ट को निर्दिष्ट करने के लिए किस प्रॉपर्टी का प्रयोग किया जाता है?
Which CSS property is used to specify italic text?
(A) font-weight
(B) text-align
(C) font-style
(D) text-transform
Correct Answer: (C) font-style
Explanation: टेक्स्ट को तिरछा (Italic या Oblique) करने के लिए CSS में font-style: italic; प्रॉपर्टी का उपयोग किया जाता है।

Q. 61. निम्नलिखित में से कौन सा विकल्प मुख्य रूप से GitHub का डिजाइन सिस्टम है और पारंपरिक स्टैंडअलोन सामान्य CSS फ्रेमवर्क (जैसे Pure, Bulma, Materialize) से भिन्न माना गया है?
Which of the following options in the given question set was marked as the odd one out among Pure, Bulma, Materialize, and Primer?
(A) Primer
(B) Pure.css
(C) Bulma
(D) Materialize
Correct Answer: (A) Primer
Explanation: Pure, Bulma और Materialize तीनों प्रसिद्ध सामान्य रिस्पॉन्सिव CSS फ्रेमवर्क हैं, जबकि Primer मुख्य रूप से GitHub के आंतरिक डिजाइन सिस्टम के रूप में शुरू हुआ था (परीक्षा विकल्पों में Primer को सही उत्तर माना गया है)।

Q. 62. CSS padding प्रॉपर्टी के बारे में सही कथन की पहचान कीजिए:
Identify the correct statement(s) about the CSS padding property:
(A) Padding is used to create space around an element’s content, inside of any defined border
(B) There are properties for setting the padding for each side of an element (padding-top, padding-right, padding-bottom, padding-left)
(C) To shorten the code, it is possible to specify all the padding properties in one shorthand padding property
(D) All of the above
Correct Answer: (D) All of the above
Explanation: पैडिंग से जुड़े ये तीनों कथन बिल्कुल सही हैं—यह बॉर्डर के अंदर जगह बनाती है, इसके चारों किनारों की अलग प्रॉपर्टीज होती हैं, और इसे एक शॉर्टहैंड padding प्रॉपर्टी में भी लिखा जा सकता है।

Q. 63. CSS में कौन सी प्रॉपर्टी HTML टेबल के दोहरे बॉर्डर्स को आपस में मिलाकर एक सिंगल बॉर्डर (Merge Table Borders) में बदल देती है?
Which property in CSS merges adjacent table cell borders into a single border?
(A) border-spacing
(B) border-radius
(C) border-collapse
(D) border-style
Correct Answer: (C) border-collapse
Explanation: टेबल पर border-collapse: collapse; प्रॉपर्टी लगाने से अलग-अलग सेल्स के डबल बॉर्डर आपस में मर्ज होकर एक साफ सिंगल लाइन बॉर्डर बन जाते हैं।

Q. 64. निम्नलिखित में से कौन सा हैश/एन्क्रिप्शन जनरेटर एल्गोरिदम Notepad++ के Tools मेन्यू में डिफ़ॉल्ट रूप से मौजूद नहीं है?
Which of the following hash/encryption algorithms is NOT present by default in Notepad++?
(A) MD5
(B) SHA-256
(C) MD6
(D) SHA-1 / SHA-512
Correct Answer: (C) MD6
Explanation: Notepad++ के Tools मेन्यू में डिफ़ॉल्ट रूप से MD5, SHA-1, SHA-256 और SHA-512 हैश जनरेटर मौजूद होते हैं, लेकिन MD6 मौजूद नहीं होता।

Q. 65. Notepad++ एडिटर का कौन सा फीचर प्रोग्रामर को एक ही विंडो के अंदर एक साथ कई फाइलों को खोलने और एडिट करने में मदद करता है?
Which feature in Notepad++ helps a programmer open and edit multiple files simultaneously in a single window?
(A) Single Line Bar
(B) Tabbed Interface (Multi-document tab bar)
(C) Audio Mixer
(D) Paint Brush
Correct Answer: (B) Tabbed Interface (Multi-document tab bar)
Explanation: वेब ब्राउज़र की तरह Notepad++ में भी Tabbed Interface (टैब बार) होता है, जिससे एक ही विंडो में HTML, CSS और JS की कई फाइलें अलग-अलग टैब्स में एक साथ खोली जा सकती हैं।

Q. 66. निम्नलिखित में से कौन सी तकनीक फ्रंट-एंड (Front-end) वेब डेवलपमेंट का हिस्सा नहीं है?
Which of the following is NOT a part of front-end web development?
(A) HTML
(B) MySQL
(C) CSS
(D) JavaScript
Correct Answer: (B) MySQL
Explanation: HTML, CSS और JavaScript फ्रंट-एंड की मुख्य भाषाएं हैं, जबकि MySQL एक बैक-एंड रिलेशनल डेटाबेस मैनेजमेंट सिस्टम (RDBMS) है।

Q. 67. W3.CSS में w3-panel और w3-container क्लास के बीच मुख्य अंतर क्या है?
What is the main difference between w3-panel and w3-container in W3.CSS?
(A) w3-panel adds top and bottom margin (16px) in addition to padding, whereas w3-container only adds left and right padding (16px)
(B) w3-container works only on images, while w3-panel works only on videos
(C) w3-panel deletes all text inside the div
(D) There is no difference at all
Correct Answer: (A) w3-panel adds top and bottom margin (16px) in addition to padding, whereas w3-container only adds left and right padding (16px)
Explanation: दोनों क्लासेस बाएं-दाएं 16px पैडिंग देती हैं, लेकिन मुख्य अंतर यह है कि w3-panel ऊपर और नीचे 16px का अतिरिक्त मार्जिन (Margin) भी जोड़ता है जबकि w3-container में मार्जिन नहीं होता।

Q. 68. दस्तावेजों को लंबे समय तक सुरक्षित रखने (Long-term archiving) और हर डिवाइस पर समान प्रिंट लेआउट बनाए रखने के लिए कौन सा फाइल फॉर्मेट सबसे अच्छा माना जाता है?
Which document format is considered best for long-term archiving and layout preservation?
(A) .tmp
(B) PDF (Portable Document Format)
(C) .bat
(D) .exe
Correct Answer: (B) PDF (Portable Document Format)
Explanation: PDF (विशेष रूप से PDF/A) दस्तावेजों को लंबे समय तक आर्काइव करने के लिए विश्व स्तर पर सबसे मानक और सुरक्षित फॉर्मेट माना जाता है।

Q. 69. JavaScript के switch स्टेटमेंट ब्लॉक से तुरंत बाहर निकलने और आगे के केसेस को चलने से रोकने के लिए किस कीवर्ड का प्रयोग करते हैं?
Which statement is used to come out of a switch block in JavaScript?
(A) exit
(B) stop
(C) break
(D) return0
Correct Answer: (C) break
Explanation: switch केस में जब कोई केस मैच हो जाता है, तो उसके बाद break; स्टेटमेंट लगाया जाता है ताकि कंट्रोल स्विच ब्लॉक से बाहर निकल जाए और नीचे के केस न चलें।

Q. 70. Adobe Photoshop में किसी लेयर या ऑब्जेक्ट पर ‘Free Transform’ (आकार बदलने या घुमाने) के लिए कौन सी शॉर्टकट कुंजी उपयोग होती है?
What is the shortcut key for ‘Free Transform’ in Adobe Photoshop?
(A) Ctrl + F
(B) Ctrl + T
(C) Ctrl + R
(D) Ctrl + Shift + T
Correct Answer: (B) Ctrl + T
Explanation: फोटोशॉप में किसी सेलेक्टेड लेयर या इमेज को स्केल, रोटेट या तिरछा करने (Free Transform) के लिए Ctrl + T शॉर्टकट कुंजी का उपयोग किया जाता है।

Q. 71. AngularJS में डेटा बाइंडिंग (Data Binding) के बारे में निम्नलिखित में से कौन सा कथन गलत (Incorrect) है?
Which of the following statements is INCORRECT about Data Binding in AngularJS?
(A) It provides automatic synchronization between Model and View
(B) Double curly braces {{ }} are used to display model data in the view
(C) Round brackets (( )) are used for AngularJS data binding expressions (or ng-model is used only for one-way static text without form controls)
(D) ng-bind can be used to bind model data to an HTML element
Correct Answer: (C) Round brackets (( )) are used for AngularJS data binding expressions (or ng-model is used only for one-way static text without form controls)
Explanation: AngularJS में एक्सप्रेशन लिखने के लिए राउंड ब्रैकेट्स (( )) का नहीं, बल्कि डबल कर्ली ब्रैकेट्स {{ }} का उपयोग किया जाता है और ng-model टू-वे फॉर्म कंट्रोल बाइंडिंग करता है।

Q. 72. किसी वेबसाइट की सर्च इंजन रैंकिंग (Search Engine Ranking / SEO) को इनमें से कौन सा कारक सबसे ज्यादा प्रभावित करता है?
Which of the following factors most influences search engine ranking?
(A) Keyword relevance and quality content
(B) Background music volume
(C) Desktop wallpaper of the developer
(D) Mouse cursor color
Correct Answer: (A) Keyword relevance and quality content
Explanation: सर्च इंजन में वेबसाइट को ऊपर रैंक कराने के लिए सबसे महत्वपूर्ण कारक यूजर की सर्च क्वेरी से मेल खाते सटीक कीवर्ड्स (Keyword relevance) और उच्च गुणवत्ता वाला कंटेंट होना है।

Q. 73. पुराने वेब ब्राउज़र्स (Pre-ES6 / 1995–2015 से पहले के ब्राउज़र्स) में बिना किसी संगतता समस्या के JavaScript कोड रन करने के लिए वेरिएबल डिक्लेयर करते समय किस कीवर्ड का प्रयोग किया जाना चाहिए?
Which keyword must be used to declare variables when JavaScript code is meant to run in older browsers?
(A) var
(B) let
(C) const
(D) dim
Correct Answer: (A) var
Explanation: let और const कीवर्ड्स वर्ष 2015 (ES6) में जोड़े गए थे; इसलिए पुराने सभी ब्राउज़र्स में वेरिएबल डिक्लेयर करने के लिए केवल var कीवर्ड का उपयोग किया जाता है।

Q. 74. मानक रूप से निम्नलिखित में से कौन सी जेनेरिक फॉन्ट फैमिली/स्टाइल सीधे बेसिक फॉन्ट स्टैक में समर्थित नहीं है (बल्कि इसके लिए कर्सिव या कस्टम वेब फॉन्ट लगता है)?
Which of the following font styles is NOT directly a standard base generic family among Serif, Sans-serif, Monospace, and Handwritten?
(A) Serif
(B) Sans-serif
(C) Monospace
(D) Handwritten
Correct Answer: (D) Handwritten
Explanation: CSS में मुख्य रूप से Serif, Sans-serif, Monospace और Cursive मानक फॉन्ट परिवार होते हैं; ‘Handwritten’ नाम का कोई डिफ़ॉल्ट स्टैंडर्ड कीवर्ड नहीं होता।

Q. 75. W3.CSS के रिस्पॉन्सिव ग्रिड लेआउट में w3-rest क्लास क्या कार्य करती है?
What does the w3-rest class do in a W3.CSS grid layout?
(A) Deletes the entire row
(B) Takes up all the remaining width of the row left by other columns
(C) Puts the browser to sleep mode
(D) Hides all images on mobile
Correct Answer: (B) Takes up all the remaining width of the row left by other columns
Explanation: एक पंक्ति (w3-row) में कुछ कॉलम बनाने के बाद बची हुई पूरी चौड़ाई (Remaining width) को किसी कॉलम को देने के लिए w3-rest क्लास का उपयोग किया जाता है।

Q. 76. JavaScript में अलग-अलग शर्तों (Multiple Conditions) के आधार पर अलग-अलग कार्यों (Actions) को निष्पादित करने के लिए किस स्टेटमेंट का उपयोग किया जाता है?
Which JavaScript statement is used to perform different actions based on different conditions?
(A) break
(B) continue
(C) var
(D) switch (or if…else if…else)
Correct Answer: (D) switch (or if…else if…else)
Explanation: एक ही एक्सप्रेशन के कई संभावित मानों (Cases) के आधार पर अलग-अलग कोड ब्लॉक चलाने के लिए switch स्टेटमेंट का उपयोग किया जाता है।

Q. 77. नीचे दिया गया HTML कोड वेब पेज पर क्या बनाएगा?
What will the following HTML code create on a web page?
＜ul＞
＜li＞One＜/li＞
＜li＞Two＜/li＞
＜/ul＞
(A) A numbered list (1, 2)
(B) A table with two columns
(C) A bulleted (unordered) list
(D) A horizontal navigation bar
Correct Answer: (C) A bulleted (unordered) list
Explanation: HTML में ＜ul＞ (Unordered List) टैग के अंदर लिखे गए ＜li＞ आइटम्स हमेशा बुलेट पॉइंट्स (डिफ़ॉल्ट रूप से काले गोल डॉट्स) वाली सूची बनाते हैं।

Q. 78. CSS की border-style प्रॉपर्टी में निम्नलिखित में से कौन सी वैल्यू मान्य (Valid) नहीं है?
Which of the following values is NOT valid for the border-style property in CSS?
(A) bright
(B) hidden
(C) ridge
(D) groove
Correct Answer: (A) bright
Explanation: CSS border-style में solid, dotted, dashed, double, groove, ridge, inset, outset, none और hidden मान्य वैल्यू हैं, लेकिन bright नाम की कोई बॉर्डर स्टाइल नहीं होती।

Q. 79. कौन सा वेब डिजाइन सिद्धांत मुख्य रूप से वेबसाइट का उपयोग करते समय यूजर के प्रयास (User Effort) को कम करने और नेविगेशन को सहज व आसान बनाने पर केंद्रित है?
Which web design principle focuses on reducing user effort and making the website easy to use?
(A) Complexity
(B) Encryption
(C) Usability
(D) Obfuscation
Correct Answer: (C) Usability
Explanation: वेब डिजाइनिंग में यूजेबिलिटी (Usability / उपयोगिता) का सिद्धांत यह सुनिश्चित करता है कि कोई भी यूजर बिना किसी उलझन या अतिरिक्त मेहनत के वेबसाइट को आसानी से समझ और चला सके।

Q. 80. फोटोशॉप में कौन सा ऑपरेशन वेक्टर टेक्स्ट लेयर को सामान्य पिक्सल-आधारित इमेज (Rasterize Text) में बदल देता है?
Which operation rasterizes a text layer in Photoshop?
(A) Changing the font size
(B) Saving the file as .txt
(C) Converting vector text into editable image pixels (Rasterize Type Layer)
(D) Hiding the layer visibility icon
Correct Answer: (C) Converting vector text into editable image pixels (Rasterize Type Layer)
Explanation: टेक्स्ट लेयर को रास्टराइज (Rasterize) करने का अर्थ है कि वह अब एडिटेबल फॉन्ट (Vector) न रहकर साधारण इमेज पिक्सल्स में बदल जाता है जिस पर ब्रश या इरेज़र चलाया जा सकता है।

Q. 81. W3.CSS में एक साधारण प्लेन ＜div＞ की तुलना में w3-container क्लास को प्राथमिकता क्यों दी जाती है?
Why is the w3-container class preferred over a plain ＜div＞ in W3.CSS?
(A) Because a plain div crashes the browser
(B) Because w3-container automatically adds standard 16px left and right padding, proper alignment, and common styling
(C) Because w3-container converts HTML into Python
(D) Because a plain div cannot hold text
Correct Answer: (B) Because w3-container automatically adds standard 16px left and right padding, proper alignment, and common styling
Explanation: एक साधारण ＜div＞ में कोई पैडिंग नहीं होती जिससे टेक्स्ट स्क्रीन के किनारों से चिपक जाता है, जबकि w3-container अपने आप बाएं और दाएं 16px की बराबर पैडिंग जोड़ देता है।

Q. 82. W3.CSS में डिफ़ॉल्ट कलर पैलेट मुख्य रूप से किस आधुनिक डिजाइन सिस्टम पर आधारित होते हैं?
Colors in W3.CSS are primarily based on which design system?
(A) MS-DOS 16-color palette
(B) Newspaper black-and-white print
(C) Material Design Colors (by Google)
(D) Cathode Ray Tube colors
Correct Answer: (C) Material Design Colors (by Google)
Explanation: W3.CSS में उपयोग की जाने वाली डिफ़ॉल्ट कलर स्कीम आधुनिक वेब ऐप्स में प्रयुक्त Google के Material Design कलर पैलेट से प्रेरित और आधारित है।

Q. 83. CSS में निम्नलिखित में से कौन सी clip प्रॉपर्टी की एक वैध वैल्यू नहीं है?
Which of the following is NOT a valid value for the clip property in CSS?
(A) rect()
(B) crosshair
(C) auto
(D) inherit
Correct Answer: (B) crosshair
Explanation: CSS की clip प्रॉपर्टी में auto, rect(top, right, bottom, left) और inherit मान्य वैल्यू हैं, जबकि crosshair माउस कर्सर (cursor: crosshair;) की एक वैल्यू है।

Q. 84. HTML में टेबल की एक नई पंक्ति (Table Row) बनाने के लिए किस टैग का उपयोग करते हैं?
Which tag is used to create a table row in HTML?
(A) ＜td＞
(B) ＜th＞
(C) ＜table＞
(D) ＜tr＞
Correct Answer: (D) ＜tr＞
Explanation: HTML टेबल में प्रत्येक नई क्षैतिज पंक्ति (Row) शुरू करने के लिए ＜tr＞ (Table Row) टैग का उपयोग किया जाता है।

Q. 85. फोटोशॉप में कौन सा सिलेक्शन टूल क्लिक किए गए बिंदु के आसपास समान रंग (Color Similarity) के आधार पर पिक्सल्स को अपने आप चुनता है?
Which selection tool selects pixels based on color similarity in Photoshop?
(A) Crop Tool
(B) Type Tool
(C) Magic Wand Tool
(D) Slice Tool
Correct Answer: (C) Magic Wand Tool
Explanation: Magic Wand Tool (शॉर्टकट ‘W’) इमेज में एक जैसे रंग और टोन वाले पूरे क्षेत्र (जैसे नीला आसमान या सफेद बैकग्राउंड) को एक ही क्लिक में सेलेक्ट कर लेता है।

Q. 86. “HTML5 बैकवर्ड कंपैटिबल (Backward Compatible) है”—इस कथन का क्या अर्थ है?
What does the statement “HTML5 is backward compatible” mean?
(A) HTML5 works only on computers made before 1990
(B) Old HTML (HTML4/XHTML) tags and code continue to work properly in HTML5 browsers
(C) HTML5 files are read from bottom to top
(D) HTML5 cannot run on modern smartphones
Correct Answer: (B) Old HTML (HTML4/XHTML) tags and code continue to work properly in HTML5 browsers
Explanation: बैकवर्ड कंपैटिबल होने का अर्थ है कि पुराने HTML वर्जन में लिखे गए वेब पेज भी आधुनिक HTML5 वेब ब्राउज़र्स में बिना टूटे सही तरीके से काम करते हैं।

Q. 87. निम्नलिखित में से कौन सा JavaScript वेरिएबल नाम सिंटैक्स के अनुसार पूरी तरह से मान्य (Valid) है?
Which of the following JavaScript variable names is valid?
(A) 2totalAmount
(B) first-name
(C) var
(D) _totalAmount
Correct Answer: (D) _totalAmount
Explanation: JavaScript में वेरिएबल का नाम अंक (2) से शुरू नहीं हो सकता, उसमें हाइफन (-) नहीं आ सकता और वह रिजर्व कीवर्ड (var) नहीं हो सकता; अंडरस्कोर से शुरू होने वाला _totalAmount बिल्कुल वैध है।

Q. 88. किसी वेब पेज पर कंटेंट को बाएं-दाएं पैडिंग देकर व्यवस्थित रखने के लिए आप ＜div＞ के साथ W3.CSS की कौन सी बेसिक कंटेनर क्लास लगाएंगे?
How can you apply a standard W3.CSS container class to a ＜div＞ to hold content neatly with responsive padding?
(A) ＜div class=”w3-Delete”＞
(B) ＜div class=”w3-container”＞
(C) ＜div class=”w3-spin”＞
(D) ＜div class=”w3-hide”＞
Correct Answer: (B) ＜div class=”w3-container”＞
Explanation: कंटेंट को रिस्पॉन्सिव पैडिंग के साथ व्यवस्थित रूप से रखने के लिए ＜div class="w3-container"＞ का उपयोग किया जाता है।

Q. 89. निम्नलिखित में से कौन सा JavaScript फंक्शन किसी कोड या फंक्शन के निष्पादन को एक निश्चित समय (मिलीसेकंड) के लिए डिले (Delay / विलंबित) करने के लिए उपयोग किया जाता है?
Which of the following JavaScript functions is used to delay code execution by a specified time?
(A) delayTime()
(B) waitFor()
(C) setTimeout()
(D) sleepNow()
Correct Answer: (C) setTimeout()
Explanation: JavaScript में किसी फंक्शन को कुछ मिलीसेकंड के अंतराल के बाद चलाने के लिए setTimeout(function, milliseconds) मेथड का उपयोग किया जाता है।

Q. 90. W3.CSS फ्रेमवर्क में पैराग्राफ टेक्स्ट को दोनों किनारों से बराबर संरेखित यानी जस्टिफाई (Justified Text) करने के लिए कौन सी क्लास का उपयोग किया जाता है?
Which class is used for justified text alignment in W3.CSS?
(A) w3-left-align
(B) w3-center
(C) w3-justify
(D) w3-right-align
Correct Answer: (C) w3-justify
Explanation: पैराग्राफ के टेक्स्ट को बाएं और दाएं दोनों मार्जिन से बराबर (Justify) करने के लिए W3.CSS में w3-justify क्लास का उपयोग होता है।

Q. 91. किसी इमेज के लोड न होने पर उसकी जगह वैकल्पिक टेक्स्ट (Alternative Text) दिखाने के लिए किस HTML एट्रिब्यूट का उपयोग किया जाता है?
Which of the following HTML attributes is used to provide alternative text for an image?
(A) alt
(B) src
(C) href
(D) link
Correct Answer: (A) alt
Explanation: ＜img＞ टैग में alt एट्रिब्यूट का उपयोग इमेज का वैकल्पिक टेक्स्ट देने के लिए होता है, जो इमेज गायब होने पर स्क्रीन पर दिखता है और SEO में भी मदद करता है।

Q. 92. जब किसी HTML एलिमेंट पर W3.CSS की w3-border क्लास अप्लाई की जाती है, तो वह क्या करता है?
What does the W3.CSS class w3-border do when applied to an element?
(A) Removes all borders from the element
(B) Adds a thin 1px solid border around all four sides with the default light-grey color
(C) Makes the element circular
(D) Deletes the background color
Correct Answer: (B) Adds a thin 1px solid border around all four sides with the default light-grey color
Explanation: w3-border क्लास किसी भी एलिमेंट के चारों तरफ डिफ़ॉल्ट हल्के ग्रे रंग का एक पतला (1px solid) बॉर्डर जोड़ देती है।

Q. 93. फोटोशॉप में इनमें से कौन सा टूल इमेज के एक हिस्से से पिक्सल्स का सैंपल लेकर दूसरे हिस्से में बिल्कुल वैसे ही पिक्सल कॉपी/पेंट करता है?
Which of the following tools copies pixels from one part of an image to another part?
(A) Crop Tool
(B) Clone Stamp Tool
(C) Hand Tool
(D) Zoom Tool
Correct Answer: (B) Clone Stamp Tool
Explanation: Clone Stamp Tool (शॉर्टकट ‘S’) में Alt दबाकर इमेज के किसी हिस्से से पिक्सल कॉपी किए जाते हैं और फिर ब्रश चलाकर दूसरे हिस्से पर हूबहू पेंट किए जाते हैं।

Q. 94. आधुनिक JavaScript (ES6) में var और let कीवर्ड के बीच सबसे मुख्य अंतर क्या है?
What is the main difference between var and let keywords in JavaScript?
(A) Variables declared with var cannot be changed
(B) let is used only for declaring constant values that never change
(C) var declares a function-scoped (or globally-scoped) variable, while let declares a block-scoped variable ({ })
(D) var works only on numbers, while let works only on strings
Correct Answer: (C) var declares a function-scoped (or globally-scoped) variable, while let declares a block-scoped variable ({ })
Explanation: var से बना वेरिएबल पूरे फंक्शन में एक्सेस होता है (Function scope), जबकि let से बना वेरिएबल केवल उसी कर्ली ब्रैकेट ब्लॉक { } के अंदर सीमित रहता है जिसमें उसे बनाया गया है (Block scope)।

Q. 95. Windows ऑपरेटिंग सिस्टम में Notepad++ सॉफ्टवेयर को इंस्टॉल करने के लिए डाउनलोड की जाने वाली इंस्टॉलर फाइल किस फॉर्मेट/एक्सटेंशन की होती है?
Which file format/extension does the Notepad++ installer use for Windows?
(A) .txt
(B) .html
(C) .jpg
(D) .exe (Executable installer file)
Correct Answer: (D) .exe (Executable installer file)
Explanation: विंडोज ऑपरेटिंग सिस्टम पर किसी भी सॉफ्टवेयर (जैसे Notepad++) को इंस्टॉल करने वाली सेटअप फाइल .exe (Executable) फॉर्मेट में होती है।

Q. 96. HTML डॉक्यूमेंट में CSS स्टाइल जोड़ने का निम्नलिखित में से कौन सा एक वैध तरीका नहीं है?
Which of the following is NOT a valid way to add CSS to an HTML document?
(A) Inline CSS (using style attribute)
(B) External CSS (using ＜link＞ tag)
(C) Internal / Embedded CSS (using ＜style＞ tag)
(D) Import XML (@import xml)
Correct Answer: (D) Import XML (@import xml)
Explanation: HTML में CSS जोड़ने के तीन ही तरीके हैं—Inline, Internal/Embedded और External; 'Import XML' से CSS नहीं जोड़ी जाती।

Q. 97. नीचे दिए गए JavaScript / स्यूडोकोड लूप स्निपेट का आउटपुट क्या होगा?
What will be the output of the following JavaScript / pseudocode loop snippet?
var a = 1;
var b = 0;
while (a ＜= 3) {
a++;
b += a * 2;
print(b);
}
(A) 1 2 3
(B) 2 4 6
(C) 0 0 0
(D) 4 10 18
Correct Answer: (D) 4 10 18
Explanation: पहली बार a=1 से बढ़कर 2 होगा और b = 0 + (2*2) = 4 प्रिंट होगा; दूसरी बार a=3 होगा और b = 4 + (3*2) = 10 प्रिंट होगा; तीसरी बार a=4 होगा और b = 10 + (4*2) = 18 प्रिंट होगा।

Q. 98. इनमें से कौन सा CSS सूडो-क्लास सेलेक्टर उन चेकबॉक्स या रेडियो बटन एलिमेंट्स को चुनता है जिन पर यूजर द्वारा टिक (Check) किया गया है?
Which of the following CSS selectors selects input elements (checkboxes/radio buttons) that are currently checked?
(A) :checked
(B) :hover
(C) :visited
(D) :empty
Correct Answer: (A) :checked
Explanation: फॉर्म के जिन चेकबॉक्स (type="checkbox") या रेडियो बटन्स (type="radio") को यूजर ने सेलेक्ट/टिक कर रखा है, उन्हें स्टाइल करने के लिए :checked सूडो-क्लास का उपयोग होता है।

Q. 99. किसी वेब पेज के लिए बेसिक HTML कोडिंग करते समय मुख्य संरचनात्मक टैग्स का सही क्रम क्या होता है?
Which of the following is the correct order of basic HTML structure tags?
(A) ＜body＞ -＞ ＜head＞ -＞ ＜html＞
(B) ＜head＞ -＞ ＜html＞ -＞ ＜body＞
(C) ＜html＞ -＞ ＜head＞ -＞ ＜body＞
(D) ＜title＞ -＞ ＜body＞ -＞ ＜html＞
Correct Answer: (C) ＜html＞ -＞ ＜head＞ -＞ ＜body＞
Explanation: किसी भी HTML पेज की शुरुआत रूट टैग ＜html＞ से होती है, जिसके अंदर पहले मेटाडेटा के लिए ＜head＞ सेक्शन और फिर मुख्य दृश्य कंटेंट के लिए ＜body＞ सेक्शन आता है।

Q. 100. किसी वेबसाइट के फ्रंट-एंड (Front-end) को, जिसे यूजर सीधे अपने वेब ब्राउज़र में देखता और उपयोग करता है, और किस नाम से जाना जाता है?
What is the front-end of a website also called?
(A) Server-side / Backend
(B) Database Engine
(C) Network Switch
(D) Client-side / User-side
Correct Answer: (D) Client-side / User-side
Explanation: वेबसाइट का फ्रंट-एंड सीधे यूजर के ब्राउज़र (Client) पर खुलता है जहाँ यूजर उससे इंटरैक्ट करता है, इसलिए इसे Client-side या User-side कहा जाता है।

Hope aapne M2-R5 O Level NIELIT July 2026 ke previous papers padh liye hain aur samajh bhi liya hai.

आज तक के सभी ओ-लेवल प्रीवियस पेपर्स को पढ़ना, डाउनलोड करना या मॉक टेस्ट देना है तो नीचे दिए गए बटन को दबाइये!

Kya aap M2-R5 O Level July 2026 ke previous papers ka mock test dena chahte hain?, Neeche diye gaye button par click karein.

Agar aap M2-R5 O Level July 2026 ke previous papers PDF mein download karna chahte hain?, to neeche diye gaye button par click karein.

Apna study experience humse neeche comment box mein zarur share karein. Agar aapko koi galti mile to humein batana na bhoolen. 😊