O Level Web Design Paper July 2025

• Pressing F5 in Windows Notepad inserts the current date and time at the cursor position.
  Windows Notepad में F5 दबाने से करसर की स्थिति पर मौजूदा दिनांक और समय दर्ज हो जाता है।

• This is a quick way to timestamp notes or logs.
  यह नोट्स या रिकॉर्डिंग के लिए टाइमस्टैम्प डालने का आसान तरीका है।

Correct Answer: A) F5

Web design includes layout, colors, fonts, images, navigation, UI, etc.
Installing antivirus is not part of web design — it’s related to security.

वेब डिज़ाइन में लेआउट, रंग, फॉन्ट, चित्र, नेविगेशन, UI शामिल हैं।
एंटीवायरस इंस्टॉल करना वेब डिज़ाइन का हिस्सा नहीं है, यह सुरक्षा से जुड़ा है।

Correct Answer: D) All of the above

In HTML, the size of an image in pixels can be set using the width and height attributes.
Example:

HTML में इमेज का आकार पिक्सल में सेट करने के लिए width और height एट्रिब्यूट का उपयोग किया जाता है।
उदाहरण:

Correct Answer: C) Using width and height attributes

ng-disabled binds data to the disabled attribute in AngularJS.

ng-disabled का उपयोग HTML को disable करने के लिए किया जाता है।

Correct Answer: A) ng-disabled

यूज़र की जानकारी प्रोसेस कर के डायनामिक वेब पेज बनाना।

CGI processes user input to create dynamic web pages.

Correct Answer: B) To process user input and create dynamic content

पहले JavaScript का version बताने के लिए <script> टैग में language attribute का उपयोग किया जाता था, जैसे:

The language attribute was used to specify the JavaScript version in older HTML, like JavaScript1.2.

Correct Answer: C) LANGUAGE

वेब ब्राउज़र ऐसे प्रोग्राम होते हैं जो अलग-अलग कंप्यूटर प्लेटफार्मों पर वेब सर्वर से जानकारी लेकर उसे सही तरीके से फॉर्मेट और डिस्प्ले करते हैं।

Web browsers are programs that format and display information from web servers across different computer platforms.

Correct Answer: A) Web Browsers / वेब ब्राउज़र

CSS में हेक्स कोड #FF0000 लाल (Red) रंग को दर्शाता है।

• FF = Red

• 00 = Green

• 00 = Blue

In CSS, #FF0000 is the hex code for red color. It means full red, no green, no blue.

Correct Answer: A) #FF0000

SGML एक मानक (standard) है जिसका उपयोग मार्कअप भाषाएँ (जैसे HTML और XML) बनाने के लिए किया गया था।

SGML stands for Standard Generalized Markup Language. It is a standard used to define markup languages like HTML and XML.

Correct Answer: C) Standard generalized markup language

जब JavaScript में किसी गणना (calculation) का परिणाम बहुत बड़ा या अनिश्चित होता है, तो वह उसे "Infinity" के रूप में दिखाता है।

Ex-

In English:
When an arithmetic computation results in an indefinite or infinite value, JavaScript displays it as "Infinity".

Correct Answer: C) Displays “Infinity”

HTML में कई टैग्स को एक ही लाइन में सही nesting के साथ लिखा जाता है।
जैसे:

इसका मतलब है कि "Text" पहले italic होगा, फिर bold।

In HTML, multiple tags can be written in one line using proper nesting like:
<b><i>Text</i></b>

Correct Answer: A) <b><i>Text</i></b>

फ्रंट-एंड डिवेलपमेंट का मुख्य काम होता है यूज़र इंटरफेस (UI) और वेब पेज का लेआउट बनाना, जिसे यूज़र सीधे देखते और इंटरैक्ट करते हैं। इसमें HTML, CSS और JavaScript का इस्तेमाल होता है।

Front-end development mainly focuses on creating the user interface and layout of web pages, which users see and interact with.

Correct Answer: B) User interface and web page layout

JavaScript में 0 से भाग (division by zero) करना error नहीं होता, बल्कि यह "Infinity" या "-Infinity" दिखाता है।
उदाहरण:

Correct Answer: C) Division by zero

CSS2 में media types उन डिवाइसेज़ को दर्शाते हैं जिनके लिए स्टाइल लागू होते हैं, जैसे:

• Handheld (मोबाइल डिवाइस)

• Braille (नेत्रहीनों के लिए)

• Print (प्रिंट व्यू के लिए)

Arial कोई media type नहीं है, यह एक font है।

In CSS2, Arial is not a media type — it is a font.
Valid media types include handheld, braille, and print.

Correct Answer: C) Arial

AngularJS की अभिव्यक्तियाँ JavaScript जैसी ही होती हैं, पूरी तरह अलग नहीं।

In English:
AngularJS expressions are similar to JavaScript expressions, not completely different. ✅

Correct Answer: D) Angular JS expressions are different from JavaScript expressions

W3.CSS एक लाइटवेट CSS फ्रेमवर्क है जिसमें डिफ़ॉल्ट रूप से:

• ✅ Font-size होता है 15px

• ✅ Font-family होता है Verdana, जिसमें अच्छी letter spacing होती है

• ✅ Line-spacing (line-height) होता है लगभग 1.5, जो पढ़ने में आसान बनाता है

In English:
By default, W3.CSS uses:

• 15px font size

• Verdana font with good letter spacing

• Line-spacing of about 1.5

Correct Answer: D) All of these

JavaScript में किसी HTML तत्व को पहुँचने के लिए हम कई methods का उपयोग कर सकते हैं:

• (A) getElementsByName → नाम के आधार पर एलिमेंट्स प्राप्त करता है

• (B) getElementById → ID के आधार पर एक ही एलिमेंट प्राप्त करता है (ध्यान दें: यहाँ "Elements" नहीं बल्कि "Element" होता है)

• (C) getElementsByClassName → किसी क्लास के सभी एलिमेंट्स प्राप्त करता है

👉 यह सभी तरीके किसी न किसी रूप में एलिमेंट्स तक पहुँचने के लिए उपयोग होते हैं।

In English:
All these methods are used in JavaScript to access elements by name, id, or class name.

Correct Answer: D) All of the above

CSS में टेक्स्ट पर छाया (shadow) जोड़ने के लिए text-shadow प्रॉपर्टी का उपयोग किया जाता है।

उदाहरण (Example):

In English:
Use the text-shadow property in CSS to add shadow to text.

Correct Answer: B) Text-Shadow

वेब डिज़ाइन में इंटरफ़ेस (Interface) का उद्देश्य होता है यूज़र के लिए वेबसाइट को आसान, सुलभ, और इंटरैक्टिव बनाना।

In English:
In web design, the main purpose of an interface is to enhance user experience and make the site easy to use.

Correct Answer: B) To improve user experience and usability

JavaScript में return स्टेटमेंट का उपयोग किसी function को रोकने और उसका result वापस भेजने के लिए किया जाता है।

उदाहरण (Example):

In English:
The return statement stops function execution and returns a value to where the function was called.

Correct Answer: C) To stop function execution and send a value back

जब हम किसी चित्र से अनचाहे हिस्से को हटाते हैं ताकि केवल जरूरी हिस्सा ही दिखाई दे, तो इसे क्रॉपिंग (Cropping) कहा जाता है।

In English:
The process of removing unwanted parts of an image and keeping only the desired portion is called cropping.

Correct Answer: C) Cropping / क्रॉप करना

Matching:

• A. Presentation of Web Page → 1. CSS

• B. Structure of Web Content → 4. HTML

• C. Ready-to-use CSS → 2. W3.CSS

• D. Behavior of Web Page → 3. JS (JavaScript)

संक्षिप्त व्याख्या 

• HTML वेब पेज की संरचना बनाता है।

• CSS वेब पेज की प्रस्तुति (डिज़ाइन) करता है।

• W3.CSS तैयार-प्रयोग CSS फ्रेमवर्क है।

• JavaScript वेब पेज के व्यवहार को नियंत्रित करता है।

Correct Answer: C) A1, B4, C2, D3

डिस्क्रिप्टिव (वर्णनात्मक) सूची HTML में <dl> टैग से शुरू होती है।

• <dl> = Descriptive List (डिस्क्रिप्टिव सूची)

• <dt> = Definition Term (परिभाषा शब्द)

• <dd> = Definition Description (परिभाषा विवरण)

In English:
A descriptive list starts with the <dl> tag in HTML.

Correct Answer: C) <DL>

Bootstrap को सबसे पहले Twitter टीम ने 2011 में विकसित किया था ताकि वेब डेवलपमेंट को आसान बनाया जा सके।

In English:
Bootstrap was originally developed by the Twitter team in 2011 to simplify web development.

Correct Answer: B) Twitter team

margin-bottom CSS प्रॉपर्टी का उपयोग किसी एलिमेंट के नीचे खाली जगह (space) जोड़ने के लिए किया जाता है।

In English:
The margin-bottom CSS property adds space below an element.

Correct Answer: C) To add space below the element

W3.CSS की w3-container क्लास किसी HTML एलिमेंट के बाएं और दाएं (left and right) दोनों ओर 16px padding जोड़ती है। यह एक बेसिक लेआउट क्लास है।

In English:
The w3-container class in W3.CSS adds 16px padding to the left and right of an element.

Correct Answer: C) 16px left and right

var js = 10;
js *= 5; // यह js = js * 5 के बराबर है, यानी 10 * 5 = 50
फिर यह value HTML के <p> टैग में दिखेगी:

html
Copy
Edit
<p id="demo">50</p>
In English:
The code multiplies js (which is 10) by 5, so the result is 50, and it's shown in the paragraph with id "demo".

Correct Answer: D) 50

• !== ऑपरेटर JavaScript में सख्त असमानता (strict not equal) को दर्शाता है।

• यह चेक करता है कि वैल्यू और टाइप दोनों null से अलग हैं।

उदाहरण (Example):

In English:
!== checks that a is not equal to null and also not of type null.

Correct Answer: D) if(a!==null)

w3-circle क्लास W3.CSS में एक ऐसा स्टाइल देती है जो:

• ✅ कंटेंट को गोल आकार (circle) में दिखाती है।

• ✅ कंटेंट को सेंटर में रखती है (vertical और horizontal alignment के साथ, यदि parent element सही सेट हो)।

In English:
The w3-circle class in W3.CSS:

• Displays content inside a circular shape

• And usually centers the content inside the circle

Correct Answer: C) Both a and b

Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जिसे Twitter ने विकसित किया था। इसे 2011 में Twitter के डेवलपर्स Mark Otto और Jacob Thornton ने बनाया था।

In English:
Bootstrap is a widely used CSS framework originally developed by the Twitter team.

Correct Answer: D) Bootstrap

HTML डॉक्युमेंट का रूट एलिमेंट <html> होता है, जो पूरी HTML फ़ाइल की शुरुआत और अंत को दर्शाता है।
सभी अन्य एलिमेंट्स (जैसे <head>, <body>) इसके अंदर होते हैं।

In English:
The <html> tag is the root element of an HTML document. All other elements are nested inside it.

Correct Answer: D) <html>

var number = 50; // यह एक global variable है

function a() {
  alert(number); // यह 50 दिखाएगा
}

function b() {
  alert(number); // यह भी 50 दिखाएगा (हालाँकि call नहीं किया गया)
}

a(); // केवल function a() call हुआ है
number एक global variable है और function a() के अंदर इसे सीधे access किया जा सकता है।

function a() को call किया गया है, और वह alert(50) करेगा।

✅ Output: 50

In English:
The global variable number is accessible inside function a().
When a() is called, it alerts 50.

Correct Answer: A) 50

• F3: "Find Next" — अगले मिलने वाले टेक्स्ट को खोजता है।

• Ctrl + F: Find डायलॉग बॉक्स खोलता है।

• Shift + F3: "Find Previous" — पिछले मिलने वाले टेक्स्ट को खोजता है।

• Ctrl + N: नई फ़ाइल खोलता है।

In English:
In Notepad++:

• F3 is the shortcut for "Find Next".

Correct Answer: B) F3

HTML का उपयोग वेब पेज की संरचना (structure) बनाने के लिए किया जाता है।
इसका पूरा नाम है: Hyper Text Markup Language

In English:
HTML stands for Hyper Text Markup Language, used to structure content on the web.

Correct Answer: A) Hyper Text Markup Language

JavaScript में निम्नलिखित प्रमुख डेटा टाइप्स होते हैं:

• String → टेक्स्ट डेटा

• Boolean → true या false

• Undefined → जब वैरिएबल को कोई वैल्यू नहीं दी जाती

🔴 लेकिन Float JavaScript में कोई अलग डेटा टाइप नहीं है।
JavaScript में सभी नंबर (चाहे integer हों या decimal) एक ही Number टाइप के अंतर्गत आते हैं।

In English:
JavaScript does not have a separate Float type — all numbers (integers and decimals) are of type Number.

Correct Answer: D) Float

CSS का उपयोग वेब पेज की स्टाइलिंग (रंग, फॉन्ट, लेआउट) के लिए किया जाता है।
CSS का पूरा नाम है Cascading Style Sheets।

In English:
CSS stands for Cascading Style Sheets, used for styling web pages.

Correct Answer: C) Cascading style sheets

JavaScript में किसी HTML एलिमेंट पर ईवेंट (जैसे क्लिक, माउस ओवर) सुनने के लिए addEventListener() फ़ंक्शन का उपयोग किया जाता है।

In English:
The addEventListener() function is used in JavaScript to attach an event listener to an HTML element.

Correct Answer: A) `addEventListener()`

JavaScript (या किसी भी प्रोग्रामिंग भाषा) में, जब हम if, else, या switch जैसे Conditional Statements का उपयोग करते हैं, तो हमें दो मानों के बीच तुलना करने की आवश्यकता होती है। यह कार्य Relational Operators (जिन्हें Comparison Operators भी कहा जाता है) द्वारा किया जाता है

Correct Answer: B) Relational operator

बिल्कुल सही! आपने Abs (Absolute) फंक्शन के मूल सिद्धांत को बहुत अच्छी तरह स्पष्ट किया है।

गणितीय रूप से, किसी संख्या का 'Absolute Value' उसकी शून्य (0) से दूरी को दर्शाता है, चाहे वह दिशा धनात्मक हो या ऋणात्मक। चूंकि दूरी कभी ऋणात्मक नहीं हो सकती, इसलिए परिणाम हमेशा धनात्मक आता है

Correct Answer: B) Abs()

HTML में जब आप चाहते हैं कि किसी लिंक पर क्लिक करते ही यूजर का ईमेल क्लाइंट (जैसे Outlook या Gmail) अपने आप खुल जाए और 'To' फील्ड में ईमेल एड्रेस भर जाए, तो mailto: प्रोटोकॉल का उपयोग किया जाता है।

Correct Answer: D) <a href="mailto:abc@example.com">

HTML टेबल में जब आपको दो या दो से अधिक कॉलम (Columns) को क्षैतिज रूप से (Horizontally) मिलाकर एक बड़ा सेल बनाना होता है, तब colspan एट्रिब्यूट का उपयोग किया जाता है। 'colspan' का अर्थ है 'Column Span'।

Correct Answer: C) colspan

HTML में <hr> टैग का उपयोग Horizontal Rule (क्षैतिज रेखा) बनाने के लिए किया जाता है। इसका उपयोग अक्सर पेज पर दो अलग-अलग विषयों या अनुभागों (Sections) को विभाजित करने के लिए किया जाता है।

Correct Answer: C) <hr />

"PSD" का पूर्ण रूप Photoshop Document है। यह एडोब फोटोशॉप (Adobe Photoshop) की डिफ़ॉल्ट फ़ाइल फॉर्मेट है, जो इमेज की सभी परतों (Layers), मास्क, टेक्स्ट और अन्य एडिटिंग विवरणों को सहेज कर रखती है।

Correct Answer: B) .psd

CSS में position प्रॉपर्टी का डिफ़ॉल्ट मान (default value) static होता है। इसका मतलब है कि HTML एलिमेंट पेज के सामान्य प्रवाह (normal flow) के अनुसार ही दिखाई देगा

Correct Answer: D) static

JavaScript में, blur() मेथड का उपयोग किसी विशिष्ट एलिमेंट (जैसे इनपुट फील्ड, बटन या विंडो) से फोकस हटाने के लिए किया जाता है। जब यह मेथड कॉल किया जाता है, तो वह एलिमेंट "Active" नहीं रहता।

Correct Answer: A) Blur

HTML में   का अर्थ है Non-Breaking Space। इसका उपयोग मुख्य रूप से दो उद्देश्यों के लिए किया जाता है

Correct Answer: A) &nbsp

यह  W3.CSS (एक आधुनिक CSS फ्रेमवर्क) से संबंधित है। जब आप अपनी टेबल में w3-striped क्लास जोड़ते हैं, तो टेबल की हर दूसरी रो (row) का बैकग्राउंड कलर थोड़ा अलग हो जाता है, जिससे डेटा को पढ़ना आसान हो जाता है। इसी प्रभाव को Zebra-stripes कहा जाता है

Correct Answer: C) w3-striped

<frameset> टैग का उपयोग पुराने HTML संस्करणों (जैसे HTML 4.01) में ब्राउज़र की विंडो को अलग-अलग हिस्सों या "फ्रेम्स" में बाँटने के लिए किया जाता था, जहाँ हर हिस्से में एक अलग HTML फ़ाइल लोड की जा सकती थी।

Correct Answer: C) <frameset>

HTML में radio इनपुट टाइप का उपयोग तब किया जाता है जब आप यूजर को विकल्पों की एक सूची देते हैं और चाहते हैं कि वह उनमें से केवल एक (Only one) को ही चुन सके

Correct Answer: C) radio

JavaScript में, onclick सबसे अधिक उपयोग किया जाने वाला इवेंट है। यह तब ट्रिगर होता है जब कोई यूजर अपने माउस या टचस्क्रीन का उपयोग करके किसी HTML एलिमेंट (जैसे बटन, इमेज या लिंक) पर क्लिक करता है

Correct Answer: C) onclick

HTML में चेकबॉक्स बनाने के लिए <input> टैग का उपयोग किया जाता है और उसके type एट्रिब्यूट को "checkbox" पर सेट किया जाता है। जैसा कि आपने पहले भी उल्लेख किया है, इसका उपयोग तब किया जाता है जब यूजर एक से अधिक विकल्पों को चुनना चाहता है

Correct Answer: D) <input type="checkbox">

AngularJS में, {{ }} (डबल कर्ली ब्रेसेस) को Expression या Interpolation कहा जाता है। इसका उपयोग वेब पेज पर डायनेमिक डेटा (जैसे वेरिएबल्स या गणना) को प्रदर्शित करने के लिए किया जाता है

Correct Answer: A) {{ }}

W3.CSS को एक "Mobile First" और पढ़ने में आसान (Readable) फ्रेमवर्क के रूप में डिज़ाइन किया गया है। इसके डिफ़ॉल्ट डिज़ाइन गुण (properties) वेबसाइट को बिना किसी अतिरिक्त कोडिंग के ही प्रोफेशनल लुक देते हैं

Correct Answer: D) All of these

Windows Notepad में F5 दबाते ही कर्सर के स्थान पर वर्तमान समय और दिनांक (Current Date and Time) अपने आप टाइप हो जाते हैं।

Correct Answer: A) F5

CGI का पूर्ण रूप Common Gateway Interface है। यह एक मानक (standard) है जो वेब सर्वर और बाहरी प्रोग्राम (स्क्रिप्ट) के बीच संचार की अनुमति देता है

Correct Answer: B) To process user input and create dynamic content

CSS में Hex Code (हेक्साडेसिमल कोड) रंगों को दर्शाने का एक तरीका है। यह #RRGGBB के प्रारूप पर काम करता है, जहाँ:

• RR = लाल (Red)

• GG = हरा (Green)

• BB = नीला (Blue)

Correct Answer: A) #FF0000

HTTPS (Hypertext Transfer Protocol Secure) का उपयोग इंटरनेट पर सुरक्षित संचार के लिए किया जाता है। यह डेटा को एन्क्रिप्ट करने के लिए SSL/TLS प्रोटोकॉल का उपयोग करता है, और इसके लिए डिफ़ॉल्ट रूप से पोर्ट 443 का उपयोग किया जाता है

Correct Answer: A) 443

CSS में opacity प्रॉपर्टी का उपयोग किसी एलिमेंट (जैसे इमेज, टेक्स्ट, या बटन) की पारदर्शिता को निर्धारित करने के लिए किया जाता है

Correct Answer: B) The transparency of an element

JPEG सबसे लोकप्रिय इमेज फॉर्मेट है जिसका उपयोग डिजिटल फोटोग्राफी और वेब पर किया जाता है। इसे 1992 में इसी नाम की एक समिति (Committee) द्वारा बनाया गया था, इसीलिए इसका नाम 'Joint Photographic Experts Group' रखा गया

Correct Answer: B) Joint Photographic Experts Group

HTML में सभी पैराग्राफ्स को एक साथ स्टाइल करने के लिए Element Selector का उपयोग किया जाता है। चूंकि पैराग्राफ के लिए <p> टैग का उपयोग होता है, इसलिए CSS में p लिखकर हम उन सभी पर एक साथ नियम लागू कर सकते हैं।

Correct Answer: B) p selector का उपयोग करके

इमेज एडिटिंग में Cropping वह प्रक्रिया है जिसमें किसी फोटो के बाहरी या अनचाहे किनारों (edges) को काटकर उसे छोटा किया जाता है ताकि मुख्य विषय (Subject) पर ध्यान केंद्रित किया जा सके या फ्रेम को बेहतर बनाया जा सके।

Correct Answer: C) Cropping / क्रॉप करना