Font size
WorksheetsWeb Development
Total questions: 21
Worksheet time: 13mins
What is the latest version of HTML?
HTML6
XHTML
HTML5
HTML4
What is the difference between padding and margin in CSS?
Padding is the space outside the border of an element, while margin is the space inside the border of an element.
Padding is the space inside the border of an element, while margin is the space outside the border of an element.
Padding and margin are the same thing in CSS.
Padding is used for horizontal spacing, while margin is used for vertical spacing.
What is the use of media queries in responsive design?
Media queries are used to create animations and transitions on a webpage
Media queries are used to embed audio and video files in a website
Media queries are used to apply different styles to different devices based on their screen size, resolution, and orientation.
Media queries are used to display pop-up ads on a website
What is the viewport meta tag used for in responsive web design?
It is used to control the layout and scaling of the webpage on different devices.
It is used to add background music to the webpage
It is used to display pop-up ads on the webpage
It is used to change the font style of the webpage
What is the difference between inline and block elements in HTML?
Inline elements start on a new line and take up the full width available
Inline elements and block elements are the same
Block elements do not start on a new line and only take up as much width as necessary
Inline elements do not start on a new line and only take up as much width as necessary, while block elements start on a new line and take up the full width available.
What is the box model in CSS?
The box model in CSS refers to the packaging of physical products for shipping
The box model in CSS is a type of exercise equipment used for strength training
The box model in CSS is a popular brand of cardboard storage containers
The box model in CSS is a design concept that describes the layout and design of elements on a web page.
Example for a non relational database
Couchbase
MySQL
Redis
SQLite
What is the purpose of the tag in HTML?
To provide metadata about the HTML document
To create a new paragraph in the HTML document
To display images on the webpage
To change the font style of the text
What is the difference between relative and absolute positioning in CSS?
Relative positioning is used for text elements, while absolute positioning is used for image elements.
Relative positioning is based on the element's normal position in the document flow, while absolute positioning is based on the nearest positioned ancestor.
Relative positioning is based on the element's size, while absolute positioning is based on the element's color.
Relative positioning is used for mobile devices, while absolute positioning is used for desktop devices.
What is the purpose of the alt attribute in HTML image tags?
To change the color of the image
To add a border around the image
To make the image clickable
To provide alternative text for the image
_______is a set of rules that defines how a web server and a web browser communicate. The most common protocol used in web development is _______.
(a)
Which among this is an example for a full stack web framework
Node js
Flask
Spring boot
Django
Who is the creator of javascript
James Gosling
Bjarne Stroustrup
Brendan Eich
Guido van Rossum
Which of the following CSS property is used to specify the blending mode of an element’s background?
mix-blend-mode
blend-mode
background-blend-mode
none of the above
Which of the following CSS function is used to specify a color using hue, saturation, and lightness values?
rgb()
rgba()
hsl()
hsla()
What does the document.querySelectorAll(".childs") return in this code?
An array of elements with the class "childs."
A NodeList of elements with the class "childs."
A single element with the class "childs."
An HTMLCollection of elements with the class "childs.
let x = 5;
function num(y) {
return y + 22;
}
let final = num(x);
what is the output of this code?
22
5
undefined
27
What is the correct CSS rule to align items in a row layout when the screen width is more than 800 pixels?
flex-wrap: wrap , flex-wrap: nowrap;
flex-wrap: nowrap , flex-wrap: wrap;
flex-wrap: wrap-reverse, flex-wrap: wrap;
flex-wrap: wrap , flex-wrap: wrap-reverse;
What is the purpose of the CSS z-index property?
It sets the background image of an element
It controls the spacing between lines of text.
It defines the width of an element.
It specifies the order of positioning for stacked elements along the z-axis.
Choose the correct HTML tag for the largest heading
<h6>
<h1>
<h12>
<h-6>
What is the purpose of the fetch API in JavaScript?
It is used to fetch data from a local file
It is used to fetch data from a remote server
It is used to fetch data from a database
It is used to fetch data from a cookie
