Free O Level M2-R5 July 2026 Mock Test (Real Old Paper in Hindi/Eng)

HTML tags, CSS selectors, aur JavaScript functions padhne mein aasan lagte hain, lekin exam hall mein milte-julte options ke beech sahi answer chunte waqt aksar confusion ho jata hai. Aapke isi confusion ko door karne ke liye humne O Level M2-R5 July 2026 Previous Paper Online Test design kiya hai, jisme aap July 2026 ke original Web Designing and Publishing old paper ko bilkul asli exam interface mein solve kar sakte hain. Ye free mock test Hindi aur English dono medium mein hai, jisse aap apni coding accuracy aur time management dono parakh sakte hain. Jaise hi aap ye previous year question paper quiz submit karenge, aapko usi waqt apna final score, sahi/galat questions ki list, aur har sawal ka right answer screen par dikh jayega — niche Start Test par click karein aur abhi apna score check karein!

All Previous Papers Page Link- Previous Papers of O Level

Online Mock Test of O Level Previous Paper M2-R5 July 2026

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” से शुरू होता है।

Umeed hai aapne M2-R5 O Level NIELIT July 2026 ke previous papers ka mock test achhi tarah se complete kar liya hoga.

ओ लेवल के सिलेबस वाइज 10,000 से भी ज्यादा प्रश्नों के ऑनलाइन टेस्ट करने के लिए नीचे गए गए बटन को दबाइये!

O Level Online Test

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

Download in PDF

Kya aap M2-R5 O Level July 2026 ke Question Answers padhna chahte hain? To neeche diye gaye button par click karein.

o Level Paper: M2-R5 July 2026

Apna experience neeche comment box ke through humse zarur share karein. Agar koi error mile to humein batana na bhoolen. 😊

Online Mock Test of O Level Previous Paper M2-R5 July 2026

Leave a Comment Cancel Reply

Related Posts