View
details
Practice Quiz

Front End Development in Nikol, Ahmedabad Practice Quiz

Check your HTML, CSS, Bootstrap, and JavaScript basics with practice MCQs.

Use this practice quiz to revise important concepts, identify weak areas, and prepare better before joining the full course or attempting interviews, practical assessments, and real project work.

141
Questions
2
Category Match Rules
Need full course preparation? View Course
Correct: 0
Wrong: 0
Quiz Modes

Choose Your Practice Style

Use instant practice mode for learning or switch to practice exam mode for a real test feel.

1
What is the full form of HTML?
Correct Answer A. Hyper Text Markup Language
2
What is the purpose of CSS?
Correct Answer B. To style and design a webpage
3
JavaScript is a ___ language.
Correct Answer C. Scripting
4
What happens when you apply 'color: red;' in CSS?
Correct Answer B. Text turns red
5
Which is the largest heading tag in HTML?
Correct Answer C. h1
6
What is Bootstrap?
Correct Answer B. A CSS framework
7
Which HTML tag is used to insert an image?
Correct Answer B. img
8
Which keyword is used to declare a variable in JavaScript?
Correct Answer D. All of the above
9
What does 'position: absolute;' do in CSS?
Correct Answer B. Positions element relative to its parent
10
What does 'justify-content: center;' do in Flexbox?
Correct Answer B. Centers items
11
What is the syntax for defining columns in CSS Grid?
Correct Answer D. grid-template-columns: 1fr;
12
How do you create an alert box in JavaScript?
Correct Answer B. alert('Hello')
13
What is the purpose of a Bootstrap container?
Correct Answer A. To define the structure of a webpage
14
What is the correct CSS syntax for a hover effect?
Correct Answer B. :hover
15
What is the correct syntax for a function in JavaScript?
Correct Answer A. function myFunc() {}
16
How do you set padding inside a box in CSS?
Correct Answer A. padding: 10px;
17
Which HTML tag is used to create a form?
Correct Answer B. form
18
How do you declare an array in JavaScript?
Correct Answer C. let arr = [1,2,3]
19
What is the correct syntax for making an image responsive in CSS?
Correct Answer B. width: 100%; height: auto;
20
Which HTML5 tag is used to embed a video?
Correct Answer B. video
21
What is the base of the Bootstrap responsive grid system?
Correct Answer B. 12 columns
22
How do you set the font size of text in CSS?
Correct Answer C. font-size: 14px;
23
What is the correct syntax for creating an object in JavaScript?
Correct Answer A. let obj = {name: 'John', age: 30};
24
How do you set the background color of a div in CSS?
Correct Answer C. background-color: red;
25
What is the correct syntax for a loop in JavaScript?
Correct Answer A. for (i = 0; i < 10; i++) {}
26
What is the correct syntax for setting a border in CSS?
Correct Answer A. border: 1px solid black;
27
Which Bootstrap class is used to create a primary-styled button?
Correct Answer A. btn-primary
28
Which HTML tag is used to define a paragraph?
Correct Answer A. p
29
Which CSS property is used to change text color?
Correct Answer C. color
30
What does 'float: left;' do in CSS?
Correct Answer B. Moves an element to the left
31
Which CSS property makes an element transparent?
Correct Answer A. opacity
32
What is the full form of SVG?
Correct Answer A. Scalable Vector Graphics
33
Which HTML tag is used for a line break?
Correct Answer A. br
34
What is the default position property of an element in CSS?
Correct Answer D. static
35
Which CSS property is used for rounded corners?
Correct Answer A. border-radius
36
Which HTML element is used for navigation links?
Correct Answer A. nav
37
What is the purpose of 'z-index' in CSS?
Correct Answer A. Controls element order
38
Which pseudo-class is used for styling an element when hovered?
Correct Answer A. :hover
39
Which HTML attribute is used to provide alternative text for an image?
Correct Answer A. alt
40
Which unit in CSS is relative to the root element?
Correct Answer A. rem
41
What is the default font size in most browsers?
Correct Answer C. 16px
42
Which JavaScript function is used to round a number to the nearest integer?
Correct Answer A. round()
43
Which tag is used for creating a dropdown list in HTML?
Correct Answer A. select
44
What is the primary function of JavaScript?
Correct Answer B. Interactivity & functionality
45
Which CSS property is used to create space between elements?
Correct Answer A. margin
46
What does 'overflow: hidden;' do in CSS?
Correct Answer A. Hides overflowing content
47
Which HTML tag is used for a numbered list?
Correct Answer A. ol
48
Which CSS property changes the font type?
Correct Answer B. font-family
49
How do you make text bold in HTML?
Correct Answer D. Both A & B
50
Which CSS property is used to change the background color?
Correct Answer B. background-color
51
What does 'vh' stand for in CSS?
Correct Answer A. Viewport Height
52
Which tag is used for the largest heading?
Correct Answer A. h1
53
Which JavaScript method is used to select an element by ID?
Correct Answer A. getElementById()
54
Which CSS property is used to align text?
Correct Answer A. text-align
55
What does 'text-decoration: underline;' do?
Correct Answer A. Underlines text
56
Which CSS property is used to change the text font size?
Correct Answer B. font-size
57
Which JavaScript method is used to add an event listener?
Correct Answer A. addEventListener()
58
Which CSS property makes an element invisible but still occupies space?
Correct Answer A. visibility: hidden;
59
Which HTML tag defines a hyperlink?
Correct Answer A. <a>
60
What is the primary purpose of the <meta> tag in HTML?
Correct Answer A. SEO & page metadata
61
What does 'object-fit: cover;' do in CSS?
Correct Answer A. Scales image to fill container
62
Which JavaScript method is used to execute code after a delay?
Correct Answer A. setTimeout()
63
What is the purpose of 'display: flex;'?
Correct Answer A. Creates a flexible layout
64
Which CSS property changes the width of an element?
Correct Answer A. width
65
Which JavaScript operator is used for strict comparison?
Correct Answer A. ===
66
Which CSS property changes the mouse cursor style?
Correct Answer A. cursor
67
Which tag is used for adding an icon in an HTML page?
Correct Answer D. <link>
68
What does 'max-width: 100%;' do in CSS?
Correct Answer D. Both A & B
69
Which CSS property is used to create a shadow effect?
Correct Answer A. box-shadow
70
Which JavaScript function is used to remove white spaces?
Correct Answer A. trim()
71
Which of the following is used to add comments in HTML?
Correct Answer A. <!-- comment -->
72
Which JavaScript method is used to convert a string into an integer?
Correct Answer A. parseInt()
73
Which of the following is not a valid CSS unit?
Correct Answer C. dp
74
What does 'position: fixed;' do in CSS?
Correct Answer A. Fixes an element relative to viewport
75
Which CSS property controls the space inside an element?
Correct Answer A. padding
76
Which tag is used for creating a form in HTML?
Correct Answer A. <form>
77
Which CSS property is used to create animations?
Correct Answer A. animation
78
Which of the following is not a valid JavaScript data type?
Correct Answer D. Character
79
Which function is used to print messages in the browser console?
Correct Answer A. console.log()
80
What is the default display property of a <span> element?
Correct Answer A. inline
81
Which HTML tag is used for displaying preformatted text?
Correct Answer A. <pre>
82
Which CSS property is used to make text uppercase?
Correct Answer A. text-transform
83
What does 'grid-template-columns' define in CSS Grid?
Correct Answer A. Column structure of a grid
84
Which JavaScript keyword is used to declare a variable?
Correct Answer D. All of the above
85
Which JavaScript method is used to remove the last element from an array?
Correct Answer A. pop()
86
What is the correct syntax for writing an arrow function in JavaScript?
Correct Answer A. () => {}
87
Which of the following CSS properties is used to control the transparency of an element?
Correct Answer A. opacity
88
Which HTML tag is used for embedding a video?
Correct Answer A. <video>
89
Which CSS property is used to create a gradient background?
Correct Answer A. background-image
90
Which JavaScript operator is used for concatenation of strings?
Correct Answer A. +
91
Which event is fired when a user clicks on an HTML element?
Correct Answer A. onclick
92
What does 'overflow: scroll;' do in CSS?
Correct Answer A. Adds a scrollbar if needed
93
Which JavaScript function is used to check the type of a variable?
Correct Answer A. typeof
94
Which HTML tag is used to define an unordered list?
Correct Answer A. <ul>
95
Which of the following is used to apply styles in HTML?
Correct Answer A. CSS
96
Which CSS property is used to set the background color of an element?
Correct Answer A. background-color
97
Which of the following is a valid CSS selector?
Correct Answer D. All of the above
98
Which of the following is not a valid JavaScript loop?
Correct Answer D. repeat
99
Which attribute is used to specify that an input field must be filled out?
Correct Answer A. required
100
Which CSS property is used to align text?
Correct Answer A. text-align
101
Which function is used to join two strings in JavaScript?
Correct Answer A. concat()
102
Which of the following is not a valid JavaScript variable name?
Correct Answer C. 123var
103
Which HTML tag is used for the largest heading?
Correct Answer A. <h1>
104
Which CSS property is used to change the font size of text?
Correct Answer A. font-size
105
Which JavaScript method is used to find the length of an array?
Correct Answer A. length
106
Which of the following is not a valid HTML element?
Correct Answer D. <navigation>
107
Which JavaScript method is used to round a number to the nearest integer?
Correct Answer A. Math.round()
108
Which HTML attribute is used to define inline styles?
Correct Answer A. style
109
Which CSS property is used to create space around elements?
Correct Answer A. margin
110
Which event is triggered when the user moves the mouse over an element?
Correct Answer A. onmouseover
111
Which of the following is a JavaScript framework?
Correct Answer A. React
112
Which HTML tag is used to define a hyperlink?
Correct Answer A. <a>
113
Which CSS property is used to make text bold?
Correct Answer A. font-weight
114
Which of the following is used to create a responsive web design?
Correct Answer D. All of the above
115
Which of the following is used to add interactivity to a webpage?
Correct Answer A. JavaScript
116
Which function is used to display an alert box in JavaScript?
Correct Answer A. alert()
117
Which HTML attribute is used to specify an image source?
Correct Answer A. src
118
Which CSS property is used to control the width of an element?
Correct Answer A. width
119
Which HTML tag is used for a line break?
Correct Answer A. <br>
120
Which CSS property controls the transparency of an element?
Correct Answer A. opacity
121
What is the default position of an HTML element?
Correct Answer A. static
122
Which JavaScript keyword is used to declare a variable?
Correct Answer D. All of the above
123
Which of the following is NOT a valid CSS unit?
Correct Answer D. ptx
124
Which function is used to parse a string into an integer in JavaScript?
Correct Answer A. parseInt()
125
Which CSS property is used to change text color?
Correct Answer A. color
126
What does JSON stand for?
Correct Answer A. JavaScript Object Notation
127
Which of the following is a CSS preprocessor?
Correct Answer A. SASS
128
Which tag is used to define a navigation menu in HTML5?
Correct Answer A. <nav>
129
Which JavaScript function is used to change the content of an element?
Correct Answer A. innerHTML
130
Which CSS property is used to make a website mobile-friendly?
Correct Answer D. media queries
131
Which event is triggered when a user clicks on an HTML element?
Correct Answer A. onclick
132
Which JavaScript function is used to convert a JSON string into an object?
Correct Answer A. JSON.parse()
133
Which of the following is used to store data in the browser for a longer duration?
Correct Answer A. localStorage
134
Which CSS property is used to add rounded corners?
Correct Answer A. border-radius
135
Which method is used to remove an element from an array in JavaScript?
Correct Answer A. splice()
136
Which CSS property is used to make an element stick to the top when scrolling?
Correct Answer A. position: sticky
137
Which attribute is used to specify alternative text for an image?
Correct Answer A. alt
138
Which of the following is a valid way to create a function in JavaScript?
Correct Answer D. All of the above
139
Which HTML tag is used for embedding a video?
Correct Answer A. <video>
140
Which JavaScript method is used to add a new element at the end of an array?
Correct Answer A. push()
141
Which of the following is used to test mobile responsiveness?
Correct Answer A. Chrome DevTools
50 Questions
2 Marks Each
Total 100 Marks
Practice Result

Your Exam Summary

This result is calculated from the current random practice exam set.

0Correct
0Wrong
0Unanswered
0Marks
1
Which CSS property is used to make text bold?
Correct Answer A. font-weight
2
Which JavaScript method is used to find the length of an array?
Correct Answer A. length
3
Which JavaScript function is used to change the content of an element?
Correct Answer A. innerHTML
4
What does 'vh' stand for in CSS?
Correct Answer A. Viewport Height
5
Which Bootstrap class is used to create a primary-styled button?
Correct Answer A. btn-primary
6
What is the correct CSS syntax for a hover effect?
Correct Answer B. :hover
7
Which function is used to join two strings in JavaScript?
Correct Answer A. concat()
8
Which CSS property is used to align text?
Correct Answer A. text-align
9
Which JavaScript keyword is used to declare a variable?
Correct Answer D. All of the above
10
What is the primary function of JavaScript?
Correct Answer B. Interactivity & functionality
11
Which HTML tag is used to define a paragraph?
Correct Answer A. p
12
Which event is triggered when a user clicks on an HTML element?
Correct Answer A. onclick
13
What is the purpose of 'display: flex;'?
Correct Answer A. Creates a flexible layout
14
Which CSS property makes an element transparent?
Correct Answer A. opacity
15
Which CSS property is used to create a shadow effect?
Correct Answer A. box-shadow
16
What is the full form of HTML?
Correct Answer A. Hyper Text Markup Language
17
Which CSS property is used to change the background color?
Correct Answer B. background-color
18
What is the correct syntax for creating an object in JavaScript?
Correct Answer A. let obj = {name: 'John', age: 30};
19
Which CSS property is used to create a gradient background?
Correct Answer A. background-image
20
What is the purpose of CSS?
Correct Answer B. To style and design a webpage
21
Which unit in CSS is relative to the root element?
Correct Answer A. rem
22
What does 'object-fit: cover;' do in CSS?
Correct Answer A. Scales image to fill container
23
Which attribute is used to specify that an input field must be filled out?
Correct Answer A. required
24
Which HTML tag is used for a numbered list?
Correct Answer A. ol
25
What is the default position of an HTML element?
Correct Answer A. static
26
What is the default display property of a <span> element?
Correct Answer A. inline
27
What is the default position property of an element in CSS?
Correct Answer D. static
28
Which function is used to display an alert box in JavaScript?
Correct Answer A. alert()
29
Which of the following CSS properties is used to control the transparency of an element?
Correct Answer A. opacity
30
How do you make text bold in HTML?
Correct Answer D. Both A & B
31
Which pseudo-class is used for styling an element when hovered?
Correct Answer A. :hover
32
What does 'overflow: hidden;' do in CSS?
Correct Answer A. Hides overflowing content
33
Which of the following is a valid way to create a function in JavaScript?
Correct Answer D. All of the above
34
Which CSS property is used to create space around elements?
Correct Answer A. margin
35
What is the base of the Bootstrap responsive grid system?
Correct Answer B. 12 columns
36
What is Bootstrap?
Correct Answer B. A CSS framework
37
What does 'float: left;' do in CSS?
Correct Answer B. Moves an element to the left
38
Which of the following is a valid CSS selector?
Correct Answer D. All of the above
39
Which CSS property is used to change text color?
Correct Answer C. color
40
What does 'justify-content: center;' do in Flexbox?
Correct Answer B. Centers items
41
How do you create an alert box in JavaScript?
Correct Answer B. alert('Hello')
42
Which CSS property makes an element invisible but still occupies space?
Correct Answer A. visibility: hidden;
43
What is the purpose of a Bootstrap container?
Correct Answer A. To define the structure of a webpage
44
Which HTML attribute is used to specify an image source?
Correct Answer A. src
45
Which method is used to remove an element from an array in JavaScript?
Correct Answer A. splice()
46
Which HTML5 tag is used to embed a video?
Correct Answer B. video
47
Which is the largest heading tag in HTML?
Correct Answer C. h1
48
Which of the following is used to add interactivity to a webpage?
Correct Answer A. JavaScript
49
Which JavaScript function is used to round a number to the nearest integer?
Correct Answer A. round()
50
Which attribute is used to specify alternative text for an image?
Correct Answer A. alt