O Level M2-R5 (PR2) Web Practical + Viva Paper July 2026 Solved

The NIELIT O Level M2-R5.1 (PR2: Web Designing and Publishing) Practical examination for the July 2026 session was held online between 28 July and 14 August 2026 on NIELIT’s built-in browser code editor with live preview. Candidates were required to solve 3 out of 4 hands-on web development questions (80 Marks Lab Execution + 20 Marks Viva). Below, you can read the complete, deduplicated collection of July 2026 PR2 real practical questions with 100% working source code and output previews—covering HTML5 registration forms and nested tables, CSS3 layouts and hover effects, W3.CSS responsive cards, panels, and striped tables, JavaScript form validation, and AngularJS directives—for your practical exam revision.

All Previous & Practical Papers- Read Papers

O Level M2-R5.1 (PR2) Practical Question Paper July 2026 (Solved HTML, CSS & JS Code)

Practical Questions

यहाँ M2-R5 (PR2: Web Designing & Publishing – July/August 2026 Practical Exam) के विभिन्न शिफ्टों (28 जुलाई से 20 अगस्त 2026) में पूछे गए सभी 33 ओरिजिनल प्रैक्टिकल प्रश्न (100% Original Questions Only – Bilingual Format) प्रस्तुत हैं:

Q. 1. काले बैकग्राउंड (Black background) के साथ एक HTML पेज बनाएँ जो पेज के ठीक मध्य (Center) में बड़े लाल ब्लिंकिंग टेक्स्ट (Large red blinking text) में “Thank You” संदेश प्रदर्शित करे, और उसके नीचे बाएँ से दाएँ (left to right) स्क्रॉल होता हुआ टेक्स्ट “Visit Again” दिखाए।
Create an HTML page with a black background and display a “Thank You” message in large red blinking text at the center of the page, and below it display a scrolling text “Visit Again” moving from left to right.

Q. 2. चार सेक्शन—Header, Navigation Menu, Main Content और Footer—के साथ एक HTML5 वेब पेज बनाएँ जिसमें ＜header＞, ＜nav＞, ＜main＞ और ＜footer＞ सेमांटिक टैग्स का उपयोग किया गया हो। CSS की मदद से प्रत्येक सेक्शन में अलग-अलग बैकग्राउंड रंग लगाएँ और टेक्स्ट को सेंटर-अलाइन करें।
Create an HTML5 page with four sections—Header, Navigation Menu, Main Content, and Footer—using ＜header＞, ＜nav＞, ＜main＞, and ＜footer＞ tags. Apply different background colors and center the text in each section using CSS.

Q. 3. एक सिंगल HTML फाइल का उपयोग करके “Student Portal” वेबसाइट के लिए एक स्टैटिक वेब पेज डिज़ाइन करें जिसमें निम्नलिखित शामिल हों:
Design a static HTML page for a “Student Portal” website using a single HTML file. The page should contain:
(a) “Student Portal” शीर्षक के साथ एक हेडर और नेविगेशन मेन्यू (Home, Login, Courses, Contact)।
A Header with the title “Student Portal” and a navigation menu (Home, Login, Courses, Contact).
(b) एक लॉगिन सेक्शन जिसमें User ID, Password इनपुट बॉक्स और एक Login बटन हो।
A Login section containing User ID, Password, and a Login button.
(c) एक “Course Catalog” सेक्शन जो तालिका (Table) में कोर्स का विवरण (Course ID, Course Name, Duration, Fees) प्रदर्शित करे, और नीचे एक फुटर (Footer) हो।
A “Course Catalog” section displaying courses (Course ID, Course Name, Duration, Fees) in a table, followed by a Footer.

Q. 4. HTML, CSS और JavaScript का उपयोग करके एक “Student Admission Form” बनाएँ जो Student Name, Mobile Number, Email ID, Course (ड्रॉपडाउन), Password और Confirm Password एकत्र करे। JavaScript से फॉर्म वैलिडेशन लगाएँ ताकि कोई भी फील्ड खाली न रहे, Password और Confirm Password समान हों, और सही सबमिशन पर अलर्ट बॉक्स में “Admission Form Successfully Submitted” संदेश दिखे।
Create a “Student Admission Form” using HTML, CSS, and JavaScript. The form should collect Student Name, Mobile Number, Email ID, Course, Password, and Confirm Password, and validate fields using JavaScript (checking for empty fields and password match).

Q. 5. अपने स्कूल के बुनियादी ढाँचे (School Infrastructure) का वर्णन करने वाले HTML पेज का लेआउट बनाने के लिए टेबल (Table) का उपयोग करें। पेज में विभिन्न सुविधाओं जैसे Classroom, Library, Computer Lab, Playground और Science Lab को उनकी संबंधित इमेज (Image) और विवरण (Description) के साथ प्रदर्शित किया जाना चाहिए।
Use a table to create the layout of an HTML page describing your “School Infrastructure”. The page should display different facilities such as Classroom, Library, Computer Lab, Playground, and Science Lab with their images and descriptions.

Q. 6. विभिन्न प्रकार की HTML सूचियों (Lists) का उपयोग करते हुए एक संपूर्ण “Online Course Structure” प्रदर्शित करने के लिए एक HTML पेज बनाएँ जिसमें निम्नलिखित सभी शामिल हों:
Create an HTML page to display a complete “Online Course Structure” using all types of HTML lists:
(a) उपलब्ध कोर्सेज की ऑर्डर्ड लिस्ट (Ordered List: 1, 2, 3…)
An Ordered List of available courses
(b) प्रत्येक मॉड्यूल और उसके विषयों को दर्शाने वाली नेस्टेड लिस्ट (Nested List)
A Nested List showing modules and sub-topics
(c) स्क्वायर बुलेट्स के साथ अनऑर्डर्ड लिस्ट (Unordered List)
An Unordered List with square bullets
(d) कोर्स के विवरण के लिए डिस्क्रिप्शन लिस्ट (Description List: ＜dl＞, ＜dt＞, ＜dd＞) और अल्फाबेटिकल ऑर्डर्ड लिस्ट (A, B, C…)।
A Description List (＜dl＞, ＜dt＞, ＜dd＞) and an Alphabetical Ordered List.

Q. 7. बैकग्राउंड कलर के साथ एक ＜div＞ एलिमेंट बनाएँ और उसके अंदर ＜span＞ टैग का उपयोग करके किसी एक शब्द को लाल रंग (Red color) में हाईलाइट करें।
Create a ＜div＞ with a background color and inside it highlight one word in red using a ＜span＞ tag.

Q. 8. एक HTML तालिका (Table) बनाएँ जिसमें Days (Monday से Friday/Saturday तक) और Meals (Breakfast, Lunch, Dinner) शामिल हों, तथा CSS का उपयोग करके टेबल को स्टाइल करें (बॉर्डर, पैडिंग, हेडर रंग और अल्टरनेट रो कलर)।
Create an HTML table with Days (Monday to Friday/Saturday) and Meals (Breakfast, Lunch, Dinner), and style the table using CSS.

Q. 9. निम्नलिखित फील्ड्स वाला एक “Registration Form” बनाने के लिए HTML प्रोग्राम लिखें:
Write an HTML program to create a “Registration Form” containing the following fields:
Name (टेक्स्ट बॉक्स)
Email (ईमेल फील्ड)
Password (पासवर्ड फील्ड)
Gender (Male / Female रेडियो बटन)
Country (＜select＞ टैग का उपयोग करके ड्रॉपडाउन लिस्ट)
Submit बटन और Reset बटन।

Q. 10. हेडिंग टैग्स (＜h1＞ से ＜h6＞ तक) के उपयोग को प्रदर्शित करने के लिए एक HTML प्रोग्राम लिखें और उपयुक्त HTML टैग्स का उपयोग करके टेक्स्ट को इटैलिक (Italic) और अंडरलाइन (Underline) फॉर्मेट में प्रदर्शित करें।
Write an HTML program to demonstrate the use of heading tags (＜h1＞ to ＜h6＞) and display text in Italic and Underline formats using appropriate HTML tags.

Q. 11. “My Personal Profile” शीर्षक (Title) से एक HTML वेब पेज बनाएँ जिसमें निम्नलिखित शामिल हों:
Create an HTML web page titled “My Personal Profile”. The web page should contain:
(a) मुख्य हेडिंग “Welcome to My Profile”
A main heading “Welcome to My Profile”
(b) पैराग्राफ टैग का उपयोग करते हुए अपने बारे में एक संक्षिप्त परिचय (Short introduction)
A short introduction about yourself using a paragraph
(c) अनऑर्डर्ड लिस्ट (Unordered List) का उपयोग करते हुए आपकी हॉबीज़ (Hobbies)
Your hobbies using an unordered list
(d) ऑर्डर्ड लिस्ट (Ordered List) का उपयोग करते हुए आपकी शैक्षणिक योग्यता (Educational Qualification)
Your educational qualifications using an ordered list
(e) टेक्स्ट में Bold, Italic और Underline टैग्स का उपयोग तथा Google खोलने के लिए एक हाइपरलिंक।
Use of Bold, Italic, and Underline in text, and a link to open Google.

Q. 12. दो इनपुट फील्ड्स (नंबर दर्ज करने के लिए) और प्रत्येक ऑपरेशन (Add, Subtract, Multiply, Divide) के लिए अलग-अलग बटन के साथ एक फॉर्म बनाएँ:
Create a form with two input fields to enter numbers and a button for each operation (Add, Subtract, Multiply, Divide):
(a) AngularJS के ng-model का उपयोग करके दोनों इनपुट फील्ड्स को वेरिएबल्स (जैसे num1 और num2) से बाइंड करें।
Bind the input fields to variables (e.g., num1 and num2) using AngularJS ng-model.
(b) जब किसी बटन पर क्लिक किया जाए, तो ng-click का उपयोग करके संबंधित फंक्शन को कॉल करें और बटन के नीचे परिणाम (Result) प्रदर्शित करें।
When a button is clicked, use ng-click to call the function to calculate and display the result of each operation below the buttons.

Q. 13. एक “Computer Course Information Table” प्रदर्शित करने के लिए HTML वेब पेज बनाएँ। तालिका में Course Image, Course Name, Duration, Fees, Description और Website Link कॉलम होने चाहिए। प्रत्येक कोर्स के लिए एक इमेज जोड़ें और बॉर्डर, रंग, होवर इफेक्ट (hover effect) तथा लिंक स्टाइल करने के लिए CSS का उपयोग करें।
Create an HTML web page to display a “Computer Course Information Table”. The table should contain Course Image, Course Name, Duration, Fees, Description, and Website Link. Add an image for each course and use CSS to style the table with borders, colors, hover effects, and links.

Q. 14. निम्नलिखित आवश्यकताओं के साथ हाइपरलिंक (Hyperlink) के उपयोग को प्रदर्शित करने के लिए एक HTML प्रोग्राम लिखें:
Write an HTML program to demonstrate the use of hyperlinks with the following requirements:
(a) एक एक्सटर्नल लिंक (External link) बनाएँ जो नए ब्राउज़र टैब (New browser tab) में खुले।
Create an external link that opens in a new browser tab.
(b) एंकर लिंक्स (#section1, #section2 आदि) का उपयोग करके उसी वेब पेज के विभिन्न सेक्शन्स के लिए इंटरनल लिंक बनाएँ और सुनिश्चित करें कि दोनों नए टैब में भी खुल सकें।
Create links to different sections of the same web page using anchor links and ensure that both the external link and internal section links open in a new tab.
(c) HTML के download एट्रिब्यूट का उपयोग करके एक PDF फाइल डाउनलोड करने के लिए लिंक बनाएँ।
Create a link to download a PDF file using the HTML download attribute.

Q. 15. नेस्टेड ऑर्डर्ड लिस्ट (Ordered list) और अनऑर्डर्ड लिस्ट (Unordered list) का उपयोग करके “Computer Science Book Contents” (पुस्तक की विषय-सूची) बनाने के लिए एक HTML प्रोग्राम लिखें। इसमें एक संबंधित इमेज, उपयोगी वेबसाइटों के हाइपरलिंक्स और चैप्टर का विवरण (Chapter, Topic, Pages/Level) दिखाने वाली एक तालिका (Table) भी जोड़ें।
Write an HTML program to create a “Computer Science Book Contents” page using nested ordered and unordered lists, and add a relevant image, hyperlinks to useful websites, and a table showing chapter details.

Q. 16. सबस्क्रिप्ट (＜sub＞) और सुपरस्क्रिप्ट (＜sup＞) टैग्स का उपयोग करके विभिन्न गणितीय और रासायनिक समीकरणों को प्रदर्शित करने के लिए एक HTML प्रोग्राम लिखें:
Write an HTML program to display different mathematical and chemical expressions using subscript and superscript tags:
1. x² + y² = z²
2. (a + b)³ = a³ + b³ + 3a²b + 3ab²
3. H₂O + CO₂ -＞ H₂CO₃
4. E = mc²

Q. 17. उपयुक्त HTML टैग्स और CSS का उपयोग करके एक ही वेब पेज पर पैराग्राफ (Paragraph), लिस्ट (List), हाइपरलिंक (Hyperlink), इमेज (Image), स्क्रॉलिंग टेक्स्ट (Scrolling text) और ब्लिंकिंग टेक्स्ट (Blinking text) के उपयोग को प्रदर्शित करने के लिए एक HTML प्रोग्राम लिखें।
Write an HTML program to demonstrate the use of Paragraph, List, Hyperlink, Image, Scrolling text, and Blinking text using appropriate HTML tags.

Q. 18. निम्नलिखित फील्ड्स और HTML5 वैलिडेशन (required, minlength, आदि) के साथ एक “Student Registration Form” बनाने के लिए HTML प्रोग्राम लिखें:
Write an HTML program to create a “Student Registration Form” with HTML5 validation containing:
Name, Email, Password, Mobile Number, Date of Birth (Date picker), Gender (Radio buttons), Course / State (Dropdown list), Hobbies (Checkboxes), Address (Textarea), Submit and Reset buttons.

Q. 19. ब्राउज़र विंडो को अलग-अलग फ्रेम्स (जैसे 30% और 70% कॉलम) में विभाजित करने और प्रत्येक फ्रेम में अलग-अलग HTML पेजेस (menu.html और content.html) प्रदर्शित करने के लिए ＜frameset＞ का उपयोग करके एक HTML प्रोग्राम बनाएँ।
Create an HTML program using ＜frameset＞ to divide the browser window into different frames and display separate HTML pages in each frame.

Q. 20. W3.CSS फ्रेमवर्क की w3-row क्लास का उपयोग करके एक HTML प्रोग्राम बनाएँ जो दो पंक्तियाँ (Two rows) प्रदर्शित करे: पहली पंक्ति नीले बैकग्राउंड (Blue background) के साथ “Total Students: 150” दिखाए और दूसरी पंक्ति नारंगी बैकग्राउंड (Orange background) के साथ “Present Students: 120” (या 200) दिखाए।
Create an HTML program using W3.CSS (w3-row) to display two rows: the first row with a blue background showing “Total Students: 150” and the second row with an orange background showing “Present Students: 120”.

Q. 21. किन्हीं तीन पसंदीदा फलों के नाम (Three favorite fruits names) दर्ज करके एक ऑर्डर्ड लिस्ट (Ordered list) और एक अनऑर्डर्ड लिस्ट (Unordered list) बनाएँ।
Make an Ordered and Unordered list by entering any three favorite fruit names.

Q. 22. शुरुआती टेक्स्ट “Welcome to My Website” के साथ एक पैराग्राफ लिखें और “Update Text” लेबल वाला एक बटन बनाएँ। JavaScript फंक्शन की मदद से सुनिश्चित करें कि जब बटन पर क्लिक किया जाए, तो पैराग्राफ का टेक्स्ट डायनेमिक रूप से बदलकर “Thank You for Visiting” हो जाए।
Write a paragraph with the initial text “Welcome to My Website” and create a button labeled “Update Text”. Using a JavaScript function, change the paragraph text dynamically to “Thank You for Visiting” when the button is clicked.

Q. 23. एक HTML “Resume” वेब पेज बनाएँ जिसमें निम्नलिखित शामिल हों:
Create an HTML “Resume” web page containing:
(a) स्वयं का वर्णन करने वाला पैराग्राफ, व्यक्तिगत विवरण (Personal Details) और करियर लक्ष्य (Career Goals)
A paragraph describing yourself, personal details, and career goals
(b) ऑर्डर्ड और अनऑर्डर्ड लिस्ट का उपयोग करते हुए हॉबीज़ (Hobbies) और अनुभव/प्रोजेक्ट्स (Experience)
Hobbies and experience using ordered and unordered lists
(c) शैक्षणिक योग्यता (Class, Board, Year, Percentage) दिखाने वाली एक तालिका (Table)।
A table displaying educational qualifications (Class, Board, Year, Percentage).

Q. 24. पैराग्राफ और लिस्ट टैग्स (Ordered एवं Unordered list) का उपयोग करते हुए अपने विभाग (जैसे “Computer Science Department”, उपलब्ध कोर्सेज और लैब/सुविधाएँ) का वर्णन करने वाला एक HTML वेब पेज बनाएँ।
Create a web page using HTML describing your Department using paragraph and list tags.

Q. 25. स्क्रॉलिंग टेक्स्ट “Welcome to Our Web Page” प्रदर्शित करने के लिए एक HTML प्रोग्राम बनाएँ और CSS की सहायता से उस पर बैकग्राउंड रंग लागू करें।
Create an HTML program to display the scrolling text “Welcome to Our Web Page” and style its background using CSS.

Q. 26. अनऑर्डर्ड लिस्ट (＜ul＞) का उपयोग करके अपने इंस्टीट्यूट के सभी कोर्सेज (जैसे CCC, O Level, A Level, Python, Web Designing) को प्रदर्शित करने के लिए एक HTML प्रोग्राम बनाएँ।
Create an HTML program to display all courses of your institute using an Unordered List.

Q. 27. बिना CSS के एक टेबल प्रदर्शित करने के लिए प्लेन HTML पेज बनाएँ। टेबल में निम्नलिखित विशेषताएँ होनी चाहिए:
Create a plain HTML page to display a table without CSS. The table must contain:
(a) colspan का उपयोग करके सभी कॉलमों में फैला हुआ एक मुख्य शीर्षक (Main title header)
A main title header spanning columns using colspan
(b) colspan और ＜marquee＞ का उपयोग करके सभी कॉलमों में फैला हुआ एक स्क्रॉलिंग टेक्स्ट नोटिफिकेशन
A scrolling text notification using ＜marquee＞ spanning columns using colspan
(c) rowspan का उपयोग करके एक से अधिक पंक्तियों (multiple rows) में फैली हुई एक प्रोफाइल इमेज
An image spanning multiple rows using rowspan
(d) टेबल डेटा सेल्स (＜td＞) के अंदर हाइपरलिंक्स (＜a＞ टैग)।
Hyperlinks (＜a＞ tags) inside table data cells (＜td＞).

Q. 28. सभी 6 हेडिंग टैग्स (＜h1＞ से ＜h6＞) और एक पैराग्राफ (＜p＞) का उपयोग करके एक साधारण HTML5 वेब पेज बनाएँ।
Create a web page using all 6 heading tags (＜h1＞ to ＜h6＞) and a paragraph.

Q. 29. एक ऑडियो फाइल (.mp3) को कंट्रोल्स के साथ प्ले करने के लिए एक HTML5 वेब पेज बनाएँ (＜audio controls＞ टैग का उपयोग करके)।
Create an HTML5 web page to play an audio file using the ＜audio＞ tag with controls.

Q. 30. एक HTML पेज बनाएँ जो यूजर से 5 विषयों के अंक (Marks of 5 subjects) इनपुट के रूप में स्वीकार करे और JavaScript का उपयोग करके बटन क्लिक करने पर Total, Percentage और Grade की गणना करके प्रदर्शित करे।
Create an HTML page that accepts marks of 5 subjects and calculates Total, Percentage, and Grade using JavaScript.

Q. 31. HTML और JavaScript का उपयोग करके एक “Digital Clock” बनाएँ जो वर्तमान समय को HH:MM:SS फॉर्मेट में प्रदर्शित करे और प्रत्येक सेकंड स्वचालित रूप से अपडेट हो।
Create a “Digital Clock” using HTML and JavaScript that displays the current time in HH:MM:SS format and updates automatically every second.

Q. 32. 4 विषयों (IT Tools, Web Designing, Python, IoT) के अंक, Total, Percentage और Result युक्त “O Level Student Marksheet” को तालिका (Table) में प्रदर्शित करने के लिए एक HTML प्रोग्राम लिखें।
Write an HTML program to display an “O Level Student Marksheet” containing marks of 4 subjects, Total, Percentage, and Result in a table.

Q. 33. एक “Vertical Scrolling News / Notice Box” बनाने के लिए HTML प्रोग्राम लिखें जिसमें हेडिंग और हाइपरलिंक के साथ 3 अलग-अलग नोटिस नीचे से ऊपर की ओर स्क्रॉल हों, तथा माउस ऊपर रखने पर (onmouseover) स्क्रॉलिंग रुक जाए और माउस हटाने पर (onmouseout) फिर से चालू हो जाए।
Write an HTML program to create a vertical scrolling news/notice box with 3 different notices and hyperlinks that stops scrolling on mouse hover (onmouseover) and resumes on mouse out (onmouseout).

Viva Questions

Q1. 👨‍🏫 Teacher: HTML में <div> और <span> टैग में मुख्य अंतर क्या है? (What is the main difference between <div> and <span>?)

👨‍🎓 Student: सर, <div> एक Block-level एलिमेंट है जो नई लाइन से शुरू होता है, जबकि <span> एक Inline एलिमेंट है जो एक ही लाइन के किसी छोटे हिस्से पर स्टाइल लगाने के काम आता है। (Sir, <div> is a block-level element that starts on a new line, whereas <span> is an inline element used within the same line.)

Q2. 👨‍🏫 Teacher: HTML में कितने प्रकार की Lists होती हैं और उनके टैग्स क्या हैं? (How many types of lists exist in HTML and what are their tags?)

👨‍🎓 Student: सर, 3 प्रकार की लिस्ट होती हैं: Ordered List (<ol>), Unordered List (<ul>), और Description List (<dl>, <dt>, <dd>)। (Sir, there are 3 list types: Ordered (<ol>), Unordered (<ul>), and Description List (<dl>, <dt>, <dd>).)

Q3. 👨‍🏫 Teacher: किसी लिंक को नए टैब में खोलने के लिए क्या लिखते हैं, और <iframe> का क्या काम है? (How do you open a link in a new tab, and what does <iframe> do?)

👨‍🎓 Student: सर, लिंक को नए टैब में खोलने के लिए <a> में target="_blank" लगाते हैं, और <iframe> से हम अपने वेबपेज के अंदर दूसरा वेबपेज, YouTube वीडियो या Google Map दिखाते हैं। (Sir, we use target="_blank" to open a link in a new tab, and <iframe> embeds an external page, video, or map.)

Q4. 👨‍🏫 Teacher: CSS Flexbox और CSS Grid में क्या अंतर है? (What is the difference between CSS Flexbox and CSS Grid?)

👨‍🎓 Student: सर, Flexbox एक 1D लेआउट है जो एक बार में Row या Column को संभालता है, जबकि CSS Grid एक 2D लेआउट है जो Row और Column दोनों को एक साथ कंट्रोल करता है। (Sir, Flexbox is a 1D layout system for rows or columns, whereas CSS Grid is a 2D system handling both rows and columns together.)

Q5. 👨‍🏫 Teacher: फॉर्म में GET और POST मेथड में क्या अंतर है? पासवर्ड के लिए कौन-सा लगाते हैं? (What is the difference between GET and POST in HTML forms?)

👨‍🎓 Student: सर, GET में डेटा ब्राउज़र के URL में दिखाई देता है, जबकि POST में डेटा HTTP बॉडी में छुपकर जाता है। इसलिए पासवर्ड के लिए हमेशा POST लगाते हैं। (Sir, GET shows data in the URL, whereas POST sends data securely inside the HTTP body, making POST safe for passwords.)

Q6. 👨‍🏫 Teacher: Photoshop का डिफ़ॉल्ट एक्सटेंशन क्या है, और Raster व Vector इमेज में क्या अंतर है? (What is Photoshop’s default extension, and the difference between Raster and Vector graphics?)

👨‍🎓 Student: सर, Photoshop का एक्सटेंशन .psd है। Raster इमेज (.jpg, .png) पिक्सल से बनती हैं जो ज़ूम करने पर फटती हैं, जबकि Vector इमेज (.svg) ज़ूम करने पर कभी नहीं फटतीं। (Sir, Photoshop’s extension is .psd. Raster images are pixel-based and blur when zoomed, while Vector images (.svg) scale without losing quality.)

Q7. 👨‍🏫 Teacher: JavaScript में DOM क्या है और किसी ID से एलिमेंट को कैसे सिलेक्ट करते हैं? (What is DOM in JavaScript and how do you select an element by ID?)

👨‍🎓 Student: सर, DOM (Document Object Model) के जरिए JavaScript पेज के HTML/CSS को लाइव बदलती है, जिसके लिए हम document.getElementById("id") लिखते हैं। (Sir, DOM lets JavaScript update HTML and CSS dynamically using document.getElementById("id"), etc.)

Q8. 👨‍🏫 Teacher: W3.CSS और AngularJS क्या हैं? (What are W3.CSS and AngularJS in your syllabus?)

👨‍🎓 Student: सर, W3.CSS एक रेस्पॉन्सिव CSS फ्रेमवर्क है (जिसकी क्लासेस w3- से शुरू होती हैं), और AngularJS एक JavaScript फ्रेमवर्क है जिसके डायरेक्टिव्स ng- (ng-app, ng-model) से शुरू होते हैं। (Sir, W3.CSS is a responsive CSS framework, and AngularJS is a JS framework whose directives start with ng-.)

Q9. 👨‍🏫 Teacher: JavaScript में == और === ऑपरेटर में क्या अंतर है? (What is the difference between == and === in JavaScript?)

👨‍🎓 Student: सर, == केवल Value चेक करता है (जैसे 5 == "5" True होगा), जबकि === (Strict Equality) Value और Data Type दोनों चेक करता है (5 === "5" False होगा)। (Sir, == checks only value, whereas === checks both value and data type.)

Q10. 👨‍🏫 Teacher: DNS और HTTP 404 Error का क्या अर्थ है? (What do DNS and HTTP 404 Error mean?)

👨‍🎓 Student: सर, DNS (Domain Name System) वेबसाइट के नाम को IP Address में बदलता है, और 404 Error का अर्थ है कि खोजा गया पेज सर्वर पर मौजूद नहीं है (Page Not Found)। (Sir, DNS translates domain names to IP addresses, and 404 Error means Page Not Found.)

Q11. 👨‍🏫 Teacher: फॉर्म इनपुट को खाली छोड़ने से रोकने के लिए कौन-सा एट्रिब्यूट लगाते हैं, और बड़े पते के लिए कौन-सा टैग है? (Which attribute makes an input mandatory, and which tag is used for multi-line text?)

👨‍🎓 Student: सर, फील्ड को अनिवार्य बनाने के लिए required एट्रिब्यूट लगाते हैं, और कई लाइनों के पते के लिए <textarea> टैग लगाते हैं। (Sir, we use required to make a field mandatory, and <textarea> for multi-line input.)

Q12. 👨‍🏫 Teacher: HTML, CSS और JavaScript में कमेंट कैसे लगाते हैं? (How do you write comments in HTML, CSS, and JavaScript?)

👨‍🎓 Student: सर, HTML में <!-- -->, CSS में /* */, और JavaScript में // या /* */ से कमेंट लगाते हैं। (Sir, <!-- --> in HTML, /* */ in CSS, and // or /* */ in JavaScript.)

Hope aapne M2-R5 (PR1) O Level NIELIT January 2026 ke previous practical papers padh liye hain aur samajh bhi liya hai.

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

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