wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

WebTopia Round-1 (set-2)

Total questions: 25

Worksheet time: 13mins

Name
Class
Date
1.

1.Which CSS property is used for adding a shadow effect to text?

a)

A) text-shadow

b)

B) box-shadow

c)

C) shadow-effect

d)

D) font-shadow

2.

2.Can you use CSS comments to temporarily disable a style rule?

a)

A) Yes

b)

B) No

c)

C) Only with special comment tags

d)

D) Only in inline styles

3.

3.How do you select an HTML element with the id "example"?

a)

A) #example

b)

B) .example

c)

C) element.example

d)

D) id(example)

4.

4.What is the primary goal of UX design?

a)

A) Making the interface visually appealing

b)

B) Enhancing user satisfaction and experience

c)

C) Focusing on technical functionalities

d)

D) Increasing the complexity of the interface

5.

5.What does the term "wireframe" represent in UX design?

a)

A) A visual representation of the final product

b)

B) A prototype with interactive features

c)

C) A simplified layout that outlines the structure

d)

D) The final color scheme and typography choices

6.

6.What does HTML stand for?

a)

A) Hyper Transfer Markup Language

b)

B) Hyper Text Makeup Language

c)

C) Hyper Text Markup Language

d)

D) High-level Text Markup Language

7.

7.In CSS, what is the symbol used to select classes?

a)

A) #

b)

B) .

c)

C) @

d)

D) $

8.

8.Which HTML tag is used to create a hyperlink?

a)

A) <link>

b)

B) <a>

c)

C) <href>

d)

D) <hyperlink>

9.

9.Which CSS property is used to control the space between the border and the content inside an

element?

a)

A) margin

b)

B) padding

c)

C) border-spacing

d)

D) space-between

10.

10.What is the purpose of the <form> tag in HTML?

a)

A) To create a container for text

b)

B) To define a block of code

c)

C) To create a web form

d)

D) To add a line break in text

11.

11.Which CSS property is used to distribute space between items in a flex container?

a)

A) align-items

b)

B) justify-content

c)

C) flex-grow

d)

D) flex-shrink

12.

12.What is the purpose of semantic HTML elements?

a)

A) To make the webpage visually appealing

b)

B) To enhance search engine optimization (SEO)

c)

C) To create responsive layouts

d)

D) To improve website security

13.

13.Which CSS property is used to position an element relative to its normal position in the document

flow?

a)

A) offset

b)

B) relative

c)

C) position

d)

D) absolute

14.

14.What does the term "user interface" (UI) refer to?

a)

A) The overall look and feel of a website

b)

B) The way users interact with a website or application

c)

C) The programming code behind a website

d)

D) The speed at which a website loads

15.

15.What is the purpose of the CSS property transition?

a)

A) To create a smooth scrolling effect

b)

B) To apply gradual changes to an element's style

c)

C) To control the layout of a webpage

d)

D) To specify the font style of text

16.

16.In HTML, what is the purpose of the <canvas> element?

a)

A) To display 3D graphics

b)

B) To create interactive forms

c)

C) To draw graphics using JavaScript

d)

D) To embed external multimedia files

17.

17.let x = 10;

function foo() {

let x = 20;

if (true) {

let x = 30;

}

return x;

}

What does calling foo() return?

a)

A) 10

b)

B) 20

c)

C) 30

d)

D) Error

18.

18.How is the "this" keyword different in arrow functions compared to regular functions in JavaScript?

a)

A) "this" in arrow functions refers to the global object

b)

B) Arrow functions don't have a "this" keyword

c)

C) "this" in arrow functions refers to the object the arrow function is a method of

d)

D) Arrow functions automatically bind "this" to the containing function's "this" value

19.

19.What does "UX Research" primarily involve in the context of user experience design?

a)

A) Analyzing visual design elements

b)

B) Studying user behaviors and preferences

c)

C) Coding interactive interfaces

d)

D) Implementing accessibility features

20.

20.Which term is often associated with UI design and focuses on the arrangement and appearance of

elements on a screen?

a)

A) Ergonomics

b)

B) Aesthetics

c)

C) Wireframing

d)

D) Prototyping

21.

21.What will be the output of the following code snippet?

var a = 1;

var b = 0;

while (a <= 3)

{

a++;

b += a * 2;

print(b);

}

a)

A) 4 10 18

b)

B) 1 2 3

c)

C) 1 4 7

d)

D) None of the above

22.

22.Which of the following is NOT a valid CSS selector?

a)

A) #myElement

b)

B) .myClass

c)

C) $specialElement

d)

D) p > span

23.

23.What does the CSS property "margin: 10px 20px;" mean?

a)

A) Sets a margin of 10 pixels on all sides of the element.

b)

B) Sets a margin of 20 pixels on the top and bottom, and 10 pixels on the left and right.

c)

C) Sets a margin of 10 pixels on the top, 20 pixels on the right, 10 pixels on the bottom, and 20 pixels on

the left.

d)

D) Invalid CSS syntax.

24.

24.Which CSS property is used to control the flow and layout of a document's content, especially with

regard to positioning of elements?

a)

A) display

b)

B) font-size

c)

C) color

d)

D) background-image

25.

25. How can you open a link in a new browser window?

a)

A) < a href = "url" target = "new">

b)

B) <a href = "url" target= "_blank">

c)

C) <a href = "url".new>

d)

D) <a href = "url" target ="open">