1. What does HTML stand for?
HTML का क्या अर्थ है?
See
Explanation!
✅ Correct Answer: Hyper Text Markup Language
HTML stands for Hyper Text Markup Language, used to structure web content.
2. Which tag is used to create a hyperlink?
हाइपरलिंक बनाने के लिए किस टैग का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: <a>
The <a> tag defines an anchor (hyperlink) in HTML.
3. How do you insert an image in HTML?
आप HTML में छवि कैसे सम्मिलित करते हैं?
See
Explanation!
✅ Correct Answer: <img src="url" alt="desc">
Use the <img> tag with src and alt attributes to embed images.
4. Which tag displays a numbered list?
कौन सा टैग क्रमांकित सूची प्रदर्शित करता है?
See
Explanation!
✅ Correct Answer: <ol>
<ol> represents an ordered list displayed as numbered items.
5. How do you comment in HTML?
आप HTML में टिप्पणी कैसे करते हैं?
See
Explanation!
✅ Correct Answer: <!-- comment -->
HTML comments are written using <!-- comment --> so they are ignored by the browser.
6. What is the root tag for an HTML document?
HTML दस्तावेज़ के लिए रूट टैग क्या है?
See
Explanation!
✅ Correct Answer: <html>
<html> encloses the entire HTML document.
7. Where do you put meta tags?
आप मेटा टैग कहां डालते हैं?
See
Explanation!
✅ Correct Answer: Inside <head>
Meta tags (like charset) go in the <head> section.
8. Which tag defines the page title?
कौन सा टैग पृष्ठ शीर्षक को परिभाषित करता है?
See
Explanation!
✅ Correct Answer: <title>
<title> sets the title displayed in the browser tab.
9. What does the <div > tag do?
<div > टैग क्या करता है?
See
Explanation!
✅ Correct Answer: Defines a division or section
<div >is a generic container for grouping elements together.
10. Which tag is used for table rows?
टेबल की पंक्तियों के लिए कौन सा टैग इस्तेमाल किया जाता है?
See
Explanation!
✅ Correct Answer:<tr >
<tr > defines a table row, with cells inside.
11. Which tag creates a form?
कौन सा टैग एक फॉर्म बनाता है?
See
Explanation!
✅ Correct Answer: < form >
< form > defines a form for user input.
12. How to create a text input?
टेक्स्ट इनपुट कैसे बनाएं?
See
Explanation!
✅ Correct Answer: < input type="text" >
< input type="text" > creates a single-line text box.
13. What attribute defines the form action URL?
कौन सी विशेषता फॉर्म एक्शन URL को परिभाषित करती है?
See
Explanation!
✅ Correct Answer: action
The action attribute specifies the URL where form data is sent.
14. How to create a dropdown menu?
ड्रॉपडाउन मेनू कैसे बनाएं?
See
Explanation!
✅ Correct Answer: < select > <option >
<option > with nested <option > tags creates a dropdown menu.
15. Which attribute is used for radio buttons?
रेडियो बटन के लिए कौन सी विशेषता का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: All of the above
Radio buttons use name, value and optionally checked for pre-selection.
16. How do you link an external CSS file?
आप किसी बाहरी CSS फ़ाइल को कैसे लिंक करते हैं?
See
Explanation!
✅ Correct Answer: <link rel="stylesheet" href="style.css" >
<link >with rel="stylesheet" loads external CSS.
17. Which CSS property changes text color?
कौन सी CSS प्रॉपर्टी टेक्स्ट का रंग बदलती है?
See
Explanation!
✅ Correct Answer: color
The color property sets the text color.
18. How do you center a block element?
आप ब्लॉक तत्व को केन्द्रित कैसे करते हैं?
See
Explanation!
✅ Correct Answer: margin: 0 auto;
margin: 0 auto; centers a block element horizontally.
19. How to set font size?
फ़ॉन्ट का आकार कैसे सेट करें?
See
Explanation!
✅ Correct Answer: font-size: 16px;
: font-size sets the text size in CSS.
20. How do you display a border?
आप बॉर्डर कैसे प्रदर्शित करते हैं?
See
Explanation!
✅ Correct Answer: border: 1px solid black;
The border shorthand property creates a border as specified.
21. How to select elements by class?
वर्ग के आधार पर तत्वों का चयन कैसे करें?
See
Explanation!
✅ Correct Answer: .classname
A dot (.) before a name selects elements with that class.
22. How to select an element by ID?
आईडी द्वारा किसी तत्व का चयन कैसे करें?
See
Explanation!
✅ Correct Answer: #idname
A hash (#) before selects element with that ID.
23. How to style all < p > elements?
सभी < p > तत्वों को स्टाइल कैसे करें?
See
Explanation!
✅ Correct Answer: p {}
p {} applies styles to every < p > tag.
24. How to select child < li > inside < ul >?
< li > के अन्दर चाइल्ड< ul &t;? का चयन कैसे करें?
See
Explanation!
✅ Correct Answer: ul > li {}
ul > li {} selects immediate < li > children of < ul >
25. How to apply hover style?
होवर स्टाइल कैसे लागू करें?
See
Explanation!
✅ Correct Answer: :hover pseudo-class
:hover applies styles when user hovers over an element.
26. Which HTML5 tag is used for navigation links?
नेविगेशन लिंक के लिए किस HTML5 टैग का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: < nav >
The < nav > tag defines a section containing navigation links, improving semantic structure.
27. Which tag defines a footer section?
कौन सा टैग फ़ूटर अनुभाग को परिभाषित करता है?
See
Explanation!
✅ Correct Answer: < footer >
< footer > is used to mark content at the bottom of a document or section.
28. What does the < article > tag represent?
< article > टैग क्या दर्शाता है?
See
Explanation!
✅ Correct Answer: Self-contained, independent content
< article > specifies independent, self-contained content like a blog post.
29. Which tag is used for defining site headers?
साइट हेडर को परिभाषित करने के लिए किस टैग का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer:< header >
< header >defines a header section for a page or section (logo, nav links, headlines).
30. The <aside> tag is meant for:
<aside> टैग का उद्देश्य है:
See
Explanation!
✅ Correct Answer: Sidebar or tangential content
<aside> holds minor tangential content (like ads, side notes).
31. Which meta tag ensures responsive scaling on mobile?
कौन सा मेटा टैग मोबाइल पर रिस्पॉन्सिव स्केलिंग सुनिश्चित करता है?
See
Explanation!
✅ Correct Answer: <meta name="viewport" content="width=device-width, initial-scale=1.0">
This meta tag ensures proper scaling and layout across devices.
32. How do you implement CSS Grid layout
आप CSS ग्रिड लेआउट कैसे लागू करते हैं?
See
Explanation!
✅ Correct Answer: display: grid;
Setting display: grid; enables CSS Grid for container layout.
33. What unit is relative to viewport width?
व्यूपोर्ट चौड़ाई के सापेक्ष कौन सी इकाई है?
See
Explanation!
✅ Correct Answer: vw
1vw equals 1% of the viewport’s width.
34. Which CSS rule creates a 2-column layout?
कौन सा CSS नियम 2-कॉलम लेआउट बनाता है?
See
Explanation!
✅ Correct Answer: grid-template-columns: 1fr 1fr;
grid-template-columns defines columns of equal width using 1 fractional unit.
35. How do you make an image responsive in CSS?
आप CSS में किसी छवि को प्रतिक्रियाशील कैसे बनाते हैं?
See
Explanation!
✅ Correct Answer: max-width: 100%;
max-width: 100%; ensures the image scales down but never exceeds its container.
36. What property controls element spacing inside its border?
कौन सा गुण इसकी सीमा के अंदर तत्व की रिक्ति को नियंत्रित करता है?
See
Explanation!
✅ Correct Answer: padding
padding is the space between content and border.
37. Which acronym includes Margin, Border, Padding, Content?
किस परिवर्णी शब्द में मार्जिन, बॉर्डर, पैडिंग, कंटेंट शामिल हैं?
See
Explanation!
✅ Correct Answer: Box Model
The CSS Box Model defines layout and spacing for all elements.
38. Which property prevents child elements from wrapping in Flexbox?
कौन सी प्रॉपर्टी चाइल्ड एलिमेंट्स को फ्लेक्सबॉक्स में रैप होने से रोकती है?
See
Explanation!
✅ Correct Answer: flex-wrap: nowrap;
flex-wrap: nowrap; disables wrapping of flex items.
39. How do you align flex items centrally along the cross axis?
आप फ्लेक्स आइटम को क्रॉस अक्ष के साथ केन्द्र में कैसे संरेखित करते हैं?
See
Explanation!
✅ Correct Answer: align-items: center;
align-items: center; centers flex items perpendicular to the main axis.
40. What rule defines a block-level container?
कौन सा नियम ब्लॉक-स्तरीय कंटेनर को परिभाषित करता है? क्रॉस अक्ष के साथ केंद्रीय रूप से?
See
Explanation!
✅ Correct Answer: display: block;
display: block; renders an element as a block, occupying full width.
41. How do you include JavaScript in HTML?
आप HTML में जावास्क्रिप्ट कैसे शामिल करते हैं?
See
Explanation!
✅ Correct Answer: <script >
The <script > tag embeds JavaScript code.
42. Which property writes output to the browser console?
कौन सा गुण ब्राउज़र कंसोल पर आउटपुट लिखता है?
See
Explanation!
✅ Correct Answer: console.log()
console.log() outputs text to the developer console.
43. How do you declare a variable in modern JavaScript?
आधुनिक जावास्क्रिप्ट में आप चर कैसे घोषित करते हैं?
See
Explanation!
✅ Correct Answer: All of the above
All three ways are valid: let, var, and const.
44. What function converts string to integer?
कौन सा फ़ंक्शन स्ट्रिंग को पूर्णांक में परिवर्तित करता है?
See
Explanation!
✅ Correct Answer: parseInt()
parseInt() converts strings to integers in JavaScript.
45. How do you start a loop iterating from 0 to 9?
आप 0 से 9 तक पुनरावृत्ति करने वाला लूप कैसे शुरू करेंगे?
See
Explanation!
✅ Correct Answer: for(let i=0; i<=9; i++)
The for loop syntax: for(init; condition; increment).
46. How to select an element by ID in JavaScript?
जावास्क्रिप्ट में आईडी द्वारा तत्व का चयन कैसे करें?
See
Explanation!
✅ Correct Answer: document.getElementById("id")
document.getElementById("id") selects an elementwith that ID.
47. How do you add an event listener for clicks?
आप क्लिक के लिए इवेंट श्रोता कैसे जोड़ते हैं?
See
Explanation!
✅ Correct Answer: element.addEventListener("click", func);
addEventListener() attaches event handlers, preferred over inline handlers.
48. What does innerHTML do?
innerHTML क्या करता है?
See
Explanation!
✅ Correct Answer: Retrieves or sets HTML inside an element
: element.innerHTML accesses or modifies HTML content of an element.
49. Which event triggers when an input field changes?
जब इनपुट फ़ील्ड परिवर्तित होता है तो कौन सी घटना ट्रिगर होती है?
See
Explanation!
✅ Correct Answer: onchange
The onchange event fires when a user changes the value and leaves the field.
50. How can you display an alert pop-up?
आप अलर्ट पॉप-अप कैसे प्रदर्शित कर सकते हैं?
See
Explanation!
✅ Correct Answer: alert("Hello")
The alert() function shows a browser pop-up with the specified message.
51. Which attribute sets a required form input?
कौन सी विशेषता आवश्यक फॉर्म इनपुट सेट करती है?
See
Explanation!
✅ Correct Answer: required
Adding required to an <input> ensures the form won’t submit until it has a value.
52. What does type="email" input enforce?
type="email" इनपुट क्या लागू करता है?
See
Explanation!
✅ Correct Answer: Correct email format
type="email" validates the input as a proper email address.
53. Which attribute prevents autofill for input fields?
कौन सी विशेषता इनपुट फ़ील्ड के लिए स्वतः भरण को रोकती है?
See
Explanation!
✅ Correct Answer: autocomplete="off"
Setting autocomplete="off" stops browsers from suggesting previously used values.
54. What does pattern="[0-9]{5}" enforce on an input?
पैटर्न="[0-9]{5}" किसी इनपुट पर क्या लागू करता है?
See
Explanation!
✅ Correct Answer: Five digits
The regex [0-9]{5} ensures exactly five numeric characters.
55. Which input type shows a color picker?
कौन सा इनपुट प्रकार रंग चयनकर्ता दिखाता है?
See
Explanation!
✅ Correct Answer: type="color"
type="color" provides a browser-native color selection dialog.
56. What does minlength="8" do on an input field?
इनपुट फ़ील्ड पर minlength="8" क्या करता है?
See
Explanation!
✅ Correct Answer: Ensures input has at least 8 characters
The minlength attribute enforces a minimum input length.
57. How do you disable a form input?
आप फॉर्म इनपुट को कैसे अक्षम करते हैं?
See
Explanation!
✅ Correct Answer: disabled
disabled on an input prevents user interaction and excludes it from form submission.
58. What input type is used for selecting a date in modern browsers?
आधुनिक ब्राउज़रों में दिनांक का चयन करने के लिए किस इनपुट प्रकार का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: type="date"
type="date" invokes a date picker for user-friendly date input.
59. What does required pattern="[A-Za-z]+" ensure?
आवश्यक पैटर्न="[A-Za-z]+" क्या सुनिश्चित करता है?
See
Explanation!
✅ Correct Answer: Only letters, at least one character
Combines required and a regex that accepts only letters until submission.
60. Which JavaScript method stops form submission?
कौन सी जावास्क्रिप्ट विधि फॉर्म सबमिशन को रोकती है?
See
Explanation!
✅ Correct Answer: event.preventDefault()
preventDefault() stops the browser's default submission behavior.
61. Which tag embeds a video?
कौन सा टैग वीडियो एम्बेड करता है?
See
Explanation!
✅ Correct Answer: <video>
The <video> tag embeds videos; it supports attributes like controls.
62. How do you enable video controls?
आप वीडियो नियंत्रण कैसे सक्षम करते हैं?
See
Explanation!
✅ Correct Answer: <video src="..." controls>
The controls attribute shows built-in play/pause UI.
63. Which tag adds audio?
कौन सा टैग ऑडियो जोड़ता है?
See
Explanation!
✅ Correct Answer: <audio>
Use <audio> to embed sound files.
64. To embed a fallback link for older browsers, you do:
पुराने ब्राउज़रों के लिए फ़ॉलबैक लिंक एम्बेड करने के लिए, आपको यह करना होगा:
See
Explanation!
✅ Correct Answer: <video><source>...<p>Your browser ... <a href="...">download</a></p></video>
Inside
65. Which attribute allows autoplay for media?
कौन सी विशेषता मीडिया के लिए ऑटोप्ले की अनुमति देती है?
See
Explanation!
✅ Correct Answer: autoplay
Adding the autoplay attribute starts playback automatically.
66. How do you mute a video by default?
आप किसी वीडियो को डिफ़ॉल्ट रूप से कैसे म्यूट करते हैं?
See
Explanation!
✅ Correct Answer: muted
The muted attribute silences playback by default.
67. What tag captions a video?
वीडियो को कौन सा टैग कैप्शन दें?
See
Explanation!
✅ Correct Answer: <track kind="captions">
Use <track> with kind="captions" to link caption files.
68. Which format is supported by <video> natively?
<video> द्वारा मूलतः कौन सा प्रारूप समर्थित है?
See
Explanation!
✅ Correct Answer: .mp4
.mp4 is commonly supported by most browsers (H.264 codec).
69. How to embed an external video (like YouTube)?
किसी बाहरी वीडियो (जैसे यूट्यूब) को कैसे एम्बेड करें?
See
Explanation!
✅ Correct Answer: <iframe src="...youtube..."></iframe>
<iframe> embeds third-party video players like YouTube.
70. Which tag was used before <video> existed?
<video> के अस्तित्व में आने से पहले कौन सा टैग प्रयोग किया जाता था?
See
Explanation!
✅ Correct Answer: <embed> or <object>
<embed> and <object> were earlier used to embed media files.
71. What does alt text provide for images?
छवियों के लिए alt text क्या प्रदान करता है?
See
Explanation!
✅ Correct Answer: Alternative text for screen readers and when image fails
alt="..." describes the image meaningfully for accessibility and error cases.
72. Which heading is best for page title for SEO?
एसईओ के लिए पेज शीर्षक के लिए कौन सा शीर्षक सर्वोत्तम है?
See
Explanation!
✅ Correct Answer: <h1>
<h1> is the primary heading, important for accessibility and search engines.
73. What does ARIA stand for?
ARIA का क्या अर्थ है?
See
Explanation!
✅ Correct Answer: Accessible Rich Internet Applications
ARIA helps improve accessibility for dynamic content and controls.
74. Which attribute provides extra semantics for screen readers?
कौन सी विशेषता स्क्रीन रीडर्स के लिए अतिरिक्त अर्थविज्ञान प्रदान करती है?
See
Explanation!
✅ Correct Answer: role="navigation"
role attributes (like role="navigation") improve accessibility semantics.
75. Which meta tag helps prevent mobile browsers from indexing unwanted pages?
कौन सा मेटा टैग मोबाइल ब्राउज़रों को अवांछित पृष्ठों को अनुक्रमित करने से रोकने में मदद करता है?
See
Explanation!
✅ Correct Answer: <meta name="robots" content="noindex">
This tells search engines not to index the page, ideal for sensitive content.
76. Which HTML tag is used to define an internal style sheet?
आंतरिक स्टाइल शीट को परिभाषित करने के लिए किस HTML टैग का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: <style>
The <style> tag is used within the <head> section to define internal CSS styles.
77. Which attribute is used to open a link in a new tab?
किसी लिंक को नए टैब में खोलने के लिए किस विशेषता का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: target="_blank"
target="_blank" opens the hyperlink in a new browser tab.
78. Which of the following is a valid CSS comment?
निम्नलिखित में से कौन सी वैध CSS टिप्पणी है?
See
Explanation!
✅ Correct Answer: /* comment */
CSS comments are written using /* comment */.
79. Which JavaScript function is used to display a message box?
संदेश बॉक्स प्रदर्शित करने के लिए किस जावास्क्रिप्ट फ़ंक्शन का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: alert()
alert() displays a message in a pop-up alert box.
80. Which HTML tag is used to embed JavaScript code?
जावास्क्रिप्ट कोड एम्बेड करने के लिए किस HTML टैग का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: <script>
JavaScript code is placed inside the <script> tag.
81. What does CSS stand for?
सीएसएस का क्या अर्थ है?
See
Explanation!
✅ Correct Answer: Cascading Style Sheets
CSS stands for Cascading Style Sheets, used for designing web pages.
82. Which CSS property changes the background color of an element?
कौन सी CSS प्रॉपर्टी किसी तत्व का पृष्ठभूमि रंग बदलती है?
See
Explanation!
✅ Correct Answer: background-color
The background-color property is used to set the background color.
83. Which tag is used to insert an image in HTML?
HTML में इमेज डालने के लिए किस टैग का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: <img>
<img> is the correct tag for displaying images in HTML.
84. Which input type is used for passwords in a form?
किसी फॉर्म में पासवर्ड के लिए किस इनपुट प्रकार का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: type="password"
type="password" hides the entered characters.
85. Which tag is used to create a dropdown list in HTML?
HTML में ड्रॉपडाउन सूची बनाने के लिए किस टैग का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: <select>
<select> creates a dropdown list along with <option> tags.
86. What is the correct HTML for creating a checkbox?
चेकबॉक्स बनाने के लिए सही HTML क्या है?
See
Explanation!
✅ Correct Answer: <input type="checkbox">
The correct syntax for a checkbox is <input type="checkbox">.
87. Which HTML element is used for inserting a line break?
लाइन ब्रेक डालने के लिए किस HTML तत्व का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: <br>
<br> is the tag that inserts a line break.
88. Which property is used to make text bold in CSS?
CSS में टेक्स्ट को बोल्ड बनाने के लिए किस प्रॉपर्टी का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: font-weight
The font-weight property can be set to bold to make text bold.
89. Which file extension is used for a style sheet?
स्टाइल शीट के लिए किस फ़ाइल एक्सटेंशन का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: .css
CSS files have the .css extension.
90. Which tag is used to define a table row?
तालिका पंक्ति को परिभाषित करने के लिए किस टैग का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: <tr>
<tr> defines a row in an HTML table.
91. Which tag represents the largest heading in HTML?
कौन सा टैग HTML में सबसे बड़े शीर्षक का प्रतिनिधित्व करता है?
See
Explanation!
✅ Correct Answer: <h1>
<h1> is the largest heading; <h6> is the smallest.
92. What does the <ul> tag represent?
ul टैग क्या दर्शाता है?
See
Explanation!
✅ Correct Answer: Unordered List
<ul> defines an unordered list with bullet points.
93. What is the use of <meta charset="UTF-8"> in HTML?
HTML में <meta charset="UTF-8"> का क्या उपयोग है?
See
Explanation!
✅ Correct Answer: To set character encoding
It defines the character encoding, commonly UTF-8 for modern web pages.
94. Which tool is used to inspect HTML/CSS in browsers?
ब्राउज़र में HTML/CSS का निरीक्षण करने के लिए किस टूल का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: Developer Tools
Developer Tools (F12) allow you to inspect and debug web content in browsers.
95. Which is NOT a valid image format for the web?
वेब के लिए कौन सा छवि प्रारूप वैध नहीं है?
See
Explanation!
✅ Correct Answer: DOC
DOC is a document format, not used for web images.
96. What does <a href="mailto:someone@example.com"> do?
<a href="mailto:someone@example.com"> क्या करता है?
See
Explanation!
✅ Correct Answer: Opens email client
This creates an email link that opens the user's default email program.
97. What is JavaScript mainly used for?
जावास्क्रिप्ट का मुख्यतः उपयोग किस लिए किया जाता है?
See
Explanation!
✅ Correct Answer: Adding interactivity
JavaScript is used to make web pages interactive (e.g., animations, form validation).
98. Which company developed JavaScript?
जावास्क्रिप्ट किस कंपनी ने विकसित किया?
See
Explanation!
✅ Correct Answer: Netscape
JavaScript was created by Brendan Eich at Netscape.
99. Which tag is used to display preformatted text?
पूर्वस्वरूपित पाठ प्रदर्शित करने के लिए किस टैग का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: <pre>
<pre> retains spaces and line breaks in the text, ideal for preformatted content.
100. Which HTML tag is used to play a video file?
वीडियो फ़ाइल चलाने के लिए किस HTML टैग का उपयोग किया जाता है?
See
Explanation!
✅ Correct Answer: <video>
The <video> tag allows embedding video content directly in the webpage.