UI/UX : HTML,CSS,JS, VS Code, Git & GitHub - MCQ Question Paper All
questions are compulsory Each Carry 1 Marks (25*1=25)
Time : 30 Mins Batch : Name: I D No:
Section 1: HTML (HyperText Markup Language) items? a) display: block; b) display: inline; c) display:
flex; d) display: grid;
1. Which HTML tag is used to create an unordered 15. What is "Cascading" in CSS primarily referring to? a)
list? a) <ol> b) <ul> c) <li> d) <list> How styles fall down the page. b) How styles are
2. What does the href attribute in an <a> tag specify? applied based on a hierarchy of rules. c) How
a) The link's text b) The destination URL c) The link's animations flow smoothly. d) How external
color d) The link's target window stylesheets are linked.
3. Which HTML element is used for the largest
heading? a) <head> b) <h1> c) <heading> d) <h6> Section 3: WordPress
4. Which tag is used to embed an image in an HTML
page? a) <picture> b) <img src="image.jpg"> c) 16. What is WordPress primarily known as? a) A photo
<image> d) <photo> editing software b) A content management system
5. What is the purpose of the <form> element in (CMS) c) A video editing platform d) An accounting
HTML? a) To define a section in a document b) To software
create a table c) To collect user input d) To display a 17. Which of the following is used to change the visual
pop-up window appearance of a WordPress site? a) Plugins b)
6. Which of the following is a semantic HTML5 Widgets c) Themes d) Permalinks
element? a) <div> b) <span> c) <section> d) <b> 18. What is the primary purpose of a WordPress
7. What does HTML stand for? a) Hyper Text Markup plugin? a) To manage user accounts b) To add new
Language b) High-Level Text Management functionalities to a WordPress site c) To change the
Language c) Hyperlink and Text Markup Language site's layout d) To write blog posts
d) Home Tool Markup Language 19. Where can you manage posts, pages, comments,
and media files in WordPress? a) The Frontend b)
Section 2: CSS (Cascading Style Sheets) The Dashboard c) The Code Editor d) The Database
20. What is the main difference between
8. Which property is used to change the background WordPress.com and WordPress.org? a)
color of an element? a) color b) bgcolor c) WordPress.com is for blogs, .org is for e-commerce.
background-color d) background b) WordPress.com is a hosted service, .org is self-
9. Which of the following is the correct way to link an hosted. c) WordPress.com is free, .org is paid. d)
external stylesheet? a) <style src="style.css"> b) WordPress.com is for personal use, .org is for
<link rel="stylesheet" type="text/css" businesses.
href="style.css"> c) 21. What is a "permalink" in WordPress? a) A
<stylesheet>style.css</stylesheet> d) <a permanent link to a specific post or page. b) A link
href="style.css"> to your social media profiles. c) A list of all your
10. What does the CSS Box Model consist of, from comments. d) A temporary link for drafts.
innermost to outermost? a) Content, Margin, 22. What role allows a user to publish and manage
Border, Padding b) Content, Padding, Border, their own posts, but not others' posts or settings?
Margin c) Padding, Content, Border, Margin d) a) Administrator b) Editor c) Author d) Contributor
Margin, Border, Padding, Content 23. Which file typically controls the main styling of a
11. Which CSS property is used to control the text size? WordPress theme? a) index.php b) functions.php c)
a) font-size b) text-size c) size d) font-style style.css d) header.php
12. How do you select an element with the ID "header" 24. If you want to add a feature like a contact form or
in CSS? a) .header b) #header c) header d) *header an SEO tool to your WordPress site, what would
13. What is the purpose of media queries in CSS? a) To you most likely install? a) A new theme b) A new
add media files like videos. b) To apply styles based widget c) A new plugin d) A new menu item
on the device's characteristics (e.g., screen size). c) 25. What is the default content type used for blogging
To query a database for media files. d) To define in WordPress? a) Pages b) Posts c) Custom Post
animation keyframes. Types d) Media
14. Which CSS display property is commonly used for
creating flexible layouts that automatically arrange
UI/UX : HTML,CSS,JS, VS Code, Git & GitHub - MCQ Question Paper All
questions are compulsory Each Carry 1 Marks (25*1=25)
Time : 30 Mins Batch : Name: I D No:
Section 1: JavaScript tools. c) Compiling code into an executable file. d)
Opening multiple files at once.
1. Which keyword is used to declare a variable in 14. How do you quickly open a file in VS Code if you
JavaScript that cannot be reassigned? a) var b) let c) know its name, without Browse directories? a) Ctrl
const d) static + S b) Ctrl + P (Go to File) c) Ctrl + N d) Ctrl + O
2. What is the correct way to write an IF statement in 15. What is the primary purpose of the "Explorer" view
JavaScript? a) if i == 5 then b) if (i == 5) c) if i = 5 d) if in VS Code (left sidebar)? a) To manage Git
(i = 5) then repositories. b) To show all open files and folders in
3. Which of the following is a way to output data to your workspace. c) To debug your code. d) To
the console in JavaScript for debugging? a) manage extensions.
print("Hello"); b) document.write("Hello"); c)
console.log("Hello"); d) alert("Hello"); Section 3: Git & GitHub
4. What does DOM stand for in JavaScript? a)
Document Object Model b) Data Object Module c) 16. What is Git primarily used for? a) Graphic design b)
Desktop Operation Manager d) Dynamic Order Version control for tracking changes in source code
Method c) Sending emails d) Creating websites
5. What is the purpose of the addEventListener() 17. What is a "commit" in Git? a) A new branch b) A
method? a) To add a new HTML element to the snapshot of your repository at a specific time c) A
page. b) To attach an event handler function to an command to delete files d) A remote repository
HTML element. c) To create a new event. d) To 18. Which Git command is used to save changes to the
remove an existing event. local repository? a) git push b) git pull c) git commit
6. Which operator is used for strict equality (checks d) git add
both value and type) in JavaScript? a) == b) = c) === 19. What is the command to create a new branch in
d) != Git? a) git new branch b) git branch <branch-name>
7. What is JSON in JavaScript? a) A type of loop b) A c) git create <branch-name> d) git checkout -b
method for mathematical operations c) A <branch-name>
lightweight data-interchange format d) A way to 20. What is the purpose of GitHub? a) To host websites
style HTML elements online directly. b) A cloud-based platform for
8. How do you create a function in JavaScript? a) hosting Git repositories and collaboration. c) A
function myFunction() b) function:myFunction() c) personal blog platform. d) A tool for website
function = myFunction() d) new function analytics.
myFunction() 21. Which Git command is used to download changes
9. Which built-in method adds one or more elements from a remote repository to your local repository?
to the end of an array and returns the new length? a) git push b) git clone c) git fetch d) git pull
a) pop() b) push() c) shift() d) unshift() 22. Before committing, which Git command stages the
10. What will typeof null return in JavaScript? a) changes you want to include in the next commit? a)
"object" b) "null" c) "undefined" d) "number" git save b) git stage c) git add d) git prep
23. What is a "repository" in Git/GitHub? a) A single
Section 2: VS Code (Visual Studio Code) file. b) A central place where all project files,
history, and branches are stored. c) A list of ignored
11. VS Code is primarily known as a: a) Web browser b) files. d) A deployed website.
Integrated Development Environment (IDE) / Code 24. What is a "pull request" on GitHub? a) A request to
Editor c) Graphic design software d) Database delete a repository. b) A request to pull changes
management system from a remote branch into your local branch. c) A
12. Which keyboard shortcut is commonly used to mechanism for developers to review and merge
open the integrated terminal in VS Code? a) Ctrl + S code changes from one branch into another. d) A
b) Ctrl + Shift + P c) Ctrl + ` (Ctrl + backtick) d) Ctrl + request to increase repository storage.
F 25. If you want to get a complete copy of a remote Git
13. What are "Extensions" in VS Code used for? a) repository to your local machine, which command
Changing the color theme of the editor. b) Adding would you use? a) git pull b) git fetch c) git clone d)
new functionalities, languages, and debugging git copy
UI/UX : HTML,CSS,JS, VS Code, Git & GitHub - MCQ Question Paper All
questions are compulsory Each Carry 1 Marks (25*1=25)
Time : 30 Mins Batch : Name: I D No:
UI/UX : HTML,CSS,JS, VS Code, Git & GitHub - MCQ Question Paper All
questions are compulsory Each Carry 1 Marks (25*1=25)
Time : 30 Mins Batch : Name: I D No:
Answer Key
Answer Key
Section 1: HTML
Section 1: JavaScript
1. b) <ul>
1. c) const
2. b) The destination URL
2. b) if (i == 5)
3. b) <h1>
4. b) <img src="image.jpg"> 3. c) console.log("Hello");
5. c) To collect user input 4. a) Document Object Model
6. c) <section> 5. b) To attach an event handler function to an HTML
7. a) Hyper Text Markup Language element.
6. c) ===
Section 2: CSS 7. c) A lightweight data-interchange format
8. a) function myFunction()
9. b) push()
8. c) background-color
9. b) <link rel="stylesheet" type="text/css" 10. a) "object"
href="style.css">
10. b) Content, Padding, Border, Margin Section 2: VS Code
11. a) font-size
12. b) #header 11. b) Integrated Development Environment (IDE) /
13. b) To apply styles based on the device's Code Editor
characteristics (e.g., screen size). 12. c) Ctrl + ` (Ctrl + backtick)
14. c) display: flex; 13. b) Adding new functionalities, languages, and
15. b) How styles are applied based on a hierarchy of debugging tools.
rules. 14. b) Ctrl + P (Go to File)
15. b) To show all open files and folders in your
Section 3: WordPress workspace.
16. b) A content management system (CMS) Section 3: Git & GitHub
17. c) Themes
18. b) To add new functionalities to a WordPress site 16. b) Version control for tracking changes in source
19. b) The Dashboard code
20. b) WordPress.com is a hosted service, .org is self- 17. b) A snapshot of your repository at a specific time
hosted. 18. c) git commit
21. a) A permanent link to a specific post or page. 19. d) git checkout -b <branch-name> (While
22. c) Author git branch <branch-name> creates, checkout
23. c) style.css -b creates and switches, which is more common for
24. c) A new plugin starting new work)
25. b) Posts 20. b) A cloud-based platform for hosting Git
repositories and collaboration.
21. d) git pull (Combines Workspace and merge)
22. c) git add
23. b) A central place where all project files, history,
and branches are stored.
24. c) A mechanism for developers to review and
merge code changes from one branch into another.
25. c) git clone
UI/UX : HTML,CSS,JS, VS Code, Git & GitHub - MCQ Question Paper All
questions are compulsory Each Carry 1 Marks (25*1=25)
Time : 30 Mins Batch : Name: I D No:
