WorksheetsBattle Friday
Total questions: 30
Worksheet time: 10mins
HTML in full
Where do we place the <style> tag
Inside a <div>
element.
Inside a <meta>
tag.
Inside a <title>
tag.
Inside a <head>
tag.
Choose the odd man out
HTML
CSS
JavaScript
C++
Which one is not a programming language
D++
C
Which programming language is widely used by Hackers
What does px stands for in CSS
picture
write the animation rule
(a)
Which of the following is a web browser
Windows
Microsoft
Choose the wrong answer
display: block;
display: flex;
display: grid;
display: both;
Choose the correct answer
justify-content: space-between;
justify-content: flex;
justify-content: grid;
justify-content: up;
justify-content: center; moves the component center on the Y-axis
True
None
It's not there
What is the use of place-items: center; in the Grid
Makes items center on Y-axis only
Makes items center on X-axis only
Centers items on both the Y & X axes.
Centers items bottom on the Y-axis.
Which tag is used to link an external CSS file
<script>
<link>
<css>
<style>
What does float: left; do in CSS
Removes the element from the flow
Centers the element
Moves the element to the left
Moves the element to the right
Which of the following is not a valid CSS selector
*
.class
!important
#id
What does z-index control in CSS
Element's height
Element's opacity
Element's width
Element's stacking order
Which HTML element is used to define an internal style sheet
<style>
<link>
<script>
<css>
What does display: none; do in CSS
Changes the element's color
Positions the element
Displays the element
Hides the element
What is the purpose of the <meta> tag in HTML
To define metadata about the HTML document
To link external JavaScript files
To create a navigation menu
To style the document
What does flex-direction: column; do in a Flexbox layout?
Aligns items horizontally
Aligns items vertically
Stacks items in a row
Centers items in the container
Which property is used to change the text color in CSS?
background-color
font-color
text-color
color
What does overflow: hidden; do in CSS?
Expands the container
Scrolls the content
Hides overflow content
Shows all content
What does align-items: stretch; do in a Flexbox layout?
Aligns items to the start of the container
Aligns items to the end of the container
Centers items in the container
Stretches items to fill the container
What is the function of the <script> tag in HTML?
To create a form
To define metadata
To link external CSS files
To include JavaScript code
What does margin: auto; do in CSS?
Removes the element's margin
Applies equal margin on all sides
Sets the margin to zero
Centers the element horizontally
What does border: 1px solid black; do in CSS?
Changes the background color of the element
Sets the border to be transparent
Creates a solid black border around the element
Removes the border from the element
Which HTML element is used to define a hyperlink?
<url>
<href>
<link>
<a>
What does grid-template-columns: repeat(3, 1fr); do in CSS Grid?
Creates three equal columns in the grid
Creates three columns of varying widths
Creates a single column in the grid
Centers the columns in the grid
Which property is used to set the background image in CSS?
image-background
background-image
bg-image
background-url
What is the function of the <link> tag in HTML?
To link external CSS stylesheets
To create a hyperlink
To include JavaScript files
To define metadata
