Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Milestone-4 Practice Set

Total questions: 119

Worksheet time: 1hrs 21mins

Name
Class
Date
1.

It is a software program that allows a user to locate, access, and display web pages

a)

Navigator

b)

Web browser

c)

www

2.

Which of the tag is used to create a numbered list?

a)

<L> </L>

b)

<LI> </LI>

c)

<li> </lo>

d)

<ol> </ol>

3.

Web pages starts with which of the following tag?

a)

<form>

b)

<HTML>

c)

<body>

d)

<Title>

4.

<p> is the opening tag for a _____________

a)

page

b)

paragraph

c)

preorder

d)

period

5.
If you wanted to add links to your web page - what tag would you use?
a)
<a>
b)
<p>
c)
<div>
d)
<link>
6.

To create HTML page, you need

a)

A. Web browser

b)

B. Text editor

c)

C. Both A & B

d)

D. None of the above

7.

What is the correct HTML for making a checkbox?

a)

<checkbox>

b)

<input type="check" />

c)

<input type="checkbox" />

d)

<check>

8.

HTML tag for inserting an image

a)

<img src="image.gif" alt="MyImage" />

b)

<img href="image.gif" alt="MyImage" />

c)

<image src="image.gif" alt="MyImage" />

d)

<img alt="MyImage">image.gif</img>

9.

How many heading tags are there in HTML5?

a)

2

b)

5

c)

7

d)

6

10.

Which of the following tags is used to make a portion of text italic in HTML?

a)

<italic>

b)

<style="i">

c)

<i>

d)

<style="italic">

11.

What is the correct HTML for creating a hyperlink?

a)

<a>http://www.mitujjain.ac.in</a>

b)

<a url="http://www.mitujjain.ac.in">MITUJJAIN</a>

c)

<a name="http://www.mitujjain.ac.in">MITUJJAIN</a>

d)

<a href="http://www.mitujjain.ac.in">MITUJJAIN</a>

12.

The _______ tag is used to create an HTML form for user input.

a)

<fieldset>

b)

<input>

c)

<form>

d)

<label>

13.

HTML stands for...

a)

Hyper Time Multiple Language

b)

Hyper Text Mark-up Language

c)

Hippo T-Rex Mascot Lemur

d)

Hipper Text Make Language

14.

You need a closing tag for an image without text

a)

True

b)

False

15.

Who created HTML ?

a)

Bill Gates

b)

Barack Obama

c)

Tim-Berner's Lee

d)

Robert Cailliau

16.

Which application can be used to view an HTML document

a)

Google Chrome

b)

MIcrosoft Word

c)

Notepad

d)

Scratch

17.
Which of the following is the largest heading? 
a)
H2
b)
H3
c)
H4
d)
H6
18.

<CENTRE> tag displays the text or image in the ____ of the webpage

a)

Center

b)

Middle

c)

It does not have any effect

19.

When working with color codes RGB stands for...

a)

Green Red Purple

b)

Red Great Blue

c)

Red Green Blue

d)

Blue Green Raspberry

20.
Name an element which doesn't have a closing tag.
a)
<img>
b)
<head>
c)
<body>
d)
<p>
21.
Which is NOT a web browser?
a)
Chrome
b)
Internet explorer
c)
FireFox
d)
Yahoo
22.

How can you make a bulleted list with numbers?

a)

<dl>

b)

<ol>

c)

<list>

d)

<ul>

23.

To run HTML code we need to install software seperatly

a)

True

b)

False

24.

Change the border size of the body or image

a)

border-style

b)

border-width

c)

border-color

d)

width

25.

What css rule creates a flexbox container?

a)

flex: box

b)

display: flexbox

c)

flex: container

d)

display: flex

26.

What are the two options for flex-direction?

a)

row

b)

vertical

c)

column

d)

horizontal

27.

Which css value forces flex items onto a new line once the width of the container has been filled?

a)

newline

b)

wrap

c)

continue

d)

float

28.

Which flexbox properties aligns items on the same axis as the flex-direction?

a)

justify-content

b)

align-items

c)

align-content

d)

justify-items

29.

The CSS overflow property controls what happens to content that is too big to fit into an area.

a)

True

b)

False

30.

Which of the following values does not belong to the overflow property?

a)

visible

b)

hidden

c)

scroll

d)

invisible

31.
What does CSS stand for? 
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
32.
Where in the HTML document is the correct location to insert code to link to your external CSS? 
a)
In the <head> section
b)
In the <body> section
c)
At the very end of the document
d)
At the very beginning of the document
33.
Which is correct CSS syntax? 
a)
{ body; color=black;}
b)
body: color= black
c)
body {color:black;}
d)
(body color is black) 
34.
What symbols go around the properties for each CSS selector?
a)
< >
b)
[ ]
c)
{ }
d)
( )
35.
Which is the value in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
36.
Which is the selector for a link?
a)
a { }
b)
link { }
c)
href { }
d)
a href { }
37.
What is the difference between HTML and CSS?
a)
CSS is one type of HTML
b)
HTML gives a webpage structure. CSS provides styling.
c)
CSS structures a webpage. HTML strictly provides styling.
d)
There is no difference.
38.

In CSS, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values.

a)

True

b)

False

39.

1.What is JavaScript?

4 lines
40.

5. What are modal windows?

4 lines
41.

Which 1 of the following symbols is used for JavaScript comments?

a)

//

b)

\

c)

^

d)

?

42.

Which of these will increase the value of the variable X?

a)

increment (x)

b)

x++;

c)

x=x;

d)

x+1;

43.

You need to evaluate the following code segment.

a)

Line 02: undefined

Line 04: string

Line 06: object

Line 08: number

Line 10:object

b)

Line 02: string

Line 04: string

Line 06: object

Line 08: object

Line 10:object

c)

Line 02: undefined

Line 04: object

Line 06: object

Line 08: number

Line 10:number

d)

Line 02: string

Line 04: string

Line 06: object

Line 08: number

Line 10:number

44.

What will this code display?

a)

Hello Emma

b)

Hello user

c)

Hello+user

d)

nothing

45.

What will this code display?

a)

570

b)

569

c)

568

d)

attendees

46.

JavaScript : What is the alert display for text3 ?

a)

John Doe

b)

JohnDoe

c)

"John" " " "Doe"

d)

"JohnDoe"

47.

JavaScript : What is the alert display for z?

a)

Hello5

b)

10

c)

55

d)

Hello15

48.

Which message will the user see?

a)

"Hello user"

b)

No message

c)

"Goodbye user"

d)

"message + user"

49.

A store has 20 apples in its inventory. How can you store this information in a JavaScript variable?

a)

var numApples == 20;

b)

20 = numApples;

c)

var numApples = 20;

d)

var num apples = 20;

50.

Find the value of Z

var x = 5;

var y = x;

y++;

x--;

var z = x +y;

z++;

a)

10

b)

9

c)

11

d)

12

51.

What is the output for this code?

let x = 5;

let y = 6;

let z = x + y;

console.log("The value of z is: " + z);

a)

The value of z is z

b)

The value of z is 11

c)

The value of z is: 11

d)

The value of z is: x + y

52.

Which of the following is a correct way to declare a variable in JavaScript?

a)

var myVar;

b)

variable myVar;

c)

v myVar;

d)

declare myVar;

53.

What is the correct syntax to print a message in the console in JavaScript?

a)

console.log('Hello');

b)

print('Hello');

c)

echo('Hello');

d)

write('Hello');

54.

Which of the following is a JavaScript data type?

a)

string

b)

character

c)

number

d)

boolean

55.

How do you create a function in JavaScript?

a)

function myFunction()

b)

def myFunction()

c)

create myFunction()

d)

function:myFunction()

56.

Which symbol is used for single-line comments in JavaScript?

a)

//

b)

#

c)

**

57.

What is the correct way to write an array in JavaScript?

a)

var colors = ['red', 'green', 'blue'];

b)

var colors = 'red', 'green', 'blue';

c)

var colors = (1:'red', 2:'green', 3:'blue');

d)

var colors = 1 = ('red'), 2 = ('green'), 3 = ('blue');

58.

How do you call a function named 'myFunction' in JavaScript?

a)

myFunction()

b)

call myFunction()

c)

call function myFunction()

d)

execute myFunction()

59.

Which event occurs when the user clicks on an HTML element in JavaScript?

a)

onclick

b)

onmouseover

c)

onchange

d)

onmouseclick

60.

How do you add a comment in JavaScript?

a)

// This is a comment

b)

c)

# This is a comment

d)

* This is a comment *

61.

What is the correct way to write a JavaScript object?

a)

var person = {firstName:'John', lastName:'Doe'};

b)

var person = (firstName:'John', lastName:'Doe');

c)

var person = [firstName:'John', lastName:'Doe'];

d)

var person = firstName='John', lastName='Doe';

62.

Which operator is used to assign a value to a variable in JavaScript?

a)

=

b)

==

c)

===

d)

=>

63.

What is the correct way to write a JavaScript string?

a)

var str = 'Hello, World!';

b)

var str = Hello, World!;

c)

var str = "Hello, World!";

d)

var str = (Hello, World!);

64.

Bootstrap is mobile-first.

a)

False

b)

True

65.

Which class provides a responsive fixed width container?

a)

.container-fixed

b)

.container

c)

.container-fluid

d)

None of above

66.

Which class provides a full width container, spanning the entire width of the viewport?

a)

.container-fluid

b)

.container-fixed

c)

.container

d)

None of above

67.

The Bootstrap grid system is based on how many columns?

a)

12

b)

3

c)

9

d)

6

68.

Which class adds zebra-stripes to a table?

a)

even and .odd

b)

table-striped

c)

table-zebra

d)

table-bordered

69.

Which class shapes an image to a circle?

a)

img-circle

b)

img-rounded

c)

img-thumbnail

d)

img-round

70.

Which class is used to create a big box for calling extra attention?

a)

.container

b)

.bigbox

c)

.jumbotron

d)

None of above

71.

Which button class is used to create a large button?

a)

.btn-xl

b)

.btn-l

c)

.btn-lg

d)

.btn-large

element.

72.

Which class is used to create a button group?

a)

.group-btn

b)

.button-group

c)

.btn-group

d)

.group-button

73.

How can you insert a search icon?

a)

<span class="glyphicon-search"></span>

b)

<span class="glyph glyph-search"></span>

c)

<span class="glyphicon search"></span>

d)

<span class="glyphicon glyphicon-search"></span>

74.

Which class is used to create a badge?

a)

.badge

b)

.label

c)

.tag

d)

.flag

75.

Which class is used to create a basic pagination?

a)

.navigation

b)

.page

c)

.pages

d)

.navigation

76.

Which class indicates a dropdown menu?

a)

.dropdown

b)

.dropdown-list

c)

.select

d)

None of above

77.

A standard navigation bar is created with:

a)

<nav class="nav navbar">

b)

<nav class="navigationbar navbar-default">

c)

<nav class="navbar default-navbar">

d)

<nav class="navbar navbar-default">

78.

Which class is used to create a black navigation bar?

a)

.navbar-black

b)

.navbar-inverse

c)

.navbar-dark

d)

.navbar-default

79.

Which plugin is used to cycle through elements, like a slideshow?

a)

Orbit

b)

Scrollspy

c)

Slideshow

d)

Carousel

80.

Which plugin is used to create a modal window?

a)

Modal

b)

Dialog Box

c)

Popup

d)

Window

81.

Which contextual class indicates a succesful or positive action?

a)

.text-warning

b)

.text-primary

c)

.text-success

d)

.text-info

82.

Which contextual class indicates a dangerous or potentially negative action?

a)

.text-danger

b)

.text-info

c)

.text-warning

d)

.text-primary

83.

The Bootstrap grid system works across multiple devices.

a)

True

b)

False

84.

Which of the following values is the default for flex-direction?

a)

column

b)

row

c)

row-reverse

d)

column-reverse

85.

What does flex-wrap: nowrap; do?

a)

Forces items onto a new line if needed

b)

Keeps all items on a single line, even if they overflow

c)

Reverses the order of wrapped items

d)

Stretches items along the cross axis

86.

Which of the following properties can be combined into the flex-flow property?

a)

flex-direction and justify-content

b)

flex-direction and align-items

c)

flex-direction and align-content

d)

flex-direction and flex-wrap

87.

If you set justify-content: space-between; on a flex container, what happens?

a)

All items are centered in the container

b)

Items are evenly spaced, with equal gaps on both sides

c)

Items are spaced with equal gaps between them, but no extra space at the edges

d)

Items are pushed to the right side of the container

88.

The property align-items aligns items along which axis?

a)

Main axis

b)

Cross axis

c)

Both axes

d)

It depends on flex-wrap

89.

What does flex-direction: column; do?

a)

Aligns items horizontally from left to right

b)

Aligns items vertically from top to bottom

c)

Reverses the row order

d)

Reverses the column order

90.

Which of the following distributes items with equal space before, between, and after each item?

a)

space-between

b)

space-around

c)

space-evenly

d)

center

91.

Which property controls how much a flex item can grow relative to the other items in the same container?

a)

flex-basis

b)

flex-grow

c)

flex-shrink

d)

align-self

92.

The align-content property only works when...

a)

There is more than one line of flex items

b)

Items are all on one line

c)

justify-content is set to center

d)

align-items is set to stretch

93.

Which of the following is the correct shorthand for flex-grow: 1; flex-shrink: 0; flex-basis: auto;?

a)

flex: auto 1 0;

b)

flex: 1 0 auto;

c)

flex: 0 1 auto;

d)

flex: 1 auto 0;

94.

What will be the layout of the items in the container below? .container { display: flex; flex-direction: column-reverse; }

a)

Items are arranged horizontally from left to right

b)

Items are arranged vertically from top to bottom

c)

Items are arranged vertically from bottom to top

d)

Items are stacked with no direction

95.

Given this code, how will the items align? .container { display: flex; justify-content: space-around; }

a)

Items are packed at the start of the container

b)

Items are evenly spaced, with space on both sides of each item

c)

Items are evenly spaced, but no space on the edges

d)

Items are pushed to the bottom

96.

What happens with the code below when items exceed the container width? .container { display: flex; flex-wrap: wrap; }

a)

Items shrink to fit on one line

b)

Items overflow outside the container

c)

Items wrap onto a new line

d)

Items reverse their order

97.

What does this shorthand mean? .item { flex: 2 1 200px; }

a)

Item grows twice as fast as others, can shrink, and starts at 200px

b)

Item grows at a fixed 200px and never shrinks

c)

Item shrinks twice as much and has no base size

d)

Item ignores container space

98.

What is the effect of this code? .container { display: flex; align-items: center; height: 400px; }

a)

Items are centered along the horizontal axis

b)

Items are centered along the vertical axis

c)

Items stretch to fill the height

d)

Items align at the bottom

99.

The property that defines the direction of the main axis in a flex container is (a)   .

100.

To allow items to move onto multiple lines when they don't fit, we use (a)   .

101.

The shorthand property that combines flex-direction and flex-wrap is (a)   .

102.

To align flex items along the cross axis (vertically by default), we use (a)   .

103.

The property that distributes extra space between items along the main axis is (a)   .

104.

In the shorthand flex: 1 0 auto;, the first value (1) represents (a)   .

105.

If you want a single item to override the container's alignment, you can use (a)   .

106.

The property that controls the order in which flex items appear is (a)   .

107.

When using justify-content: space-between;, the extra space is placed __________.

4 lines
108.

The default value of flex-direction is (a)   .

109.

In the CSS box model, the space between the content and the border is called (a)   .

110.

In Flexbox, the axis that runs perpendicular to the main axis is called the (a)   .

111.

In the CSS box model, the outermost layer that creates space between elements is the (a)   .

112.

If you want all flex items in a row to stretch to the same height, you use __________.

4 lines
113.

In the CSS box model, the property that sets the thickness of the line surrounding content and padding is (a)   .

114.

The property that defines the direction of the main axis in a flex container is (a)   .

115.

In the CSS box model, the space between the content and the border is called (a)   .

116.

In Flexbox, the axis that runs perpendicular to the main axis is called the (a)   .

117.

In the CSS box model, the outermost layer that creates space between elements is the (a)   .

118.

If you want all flex items in a row to stretch to the same height, you use __________.

4 lines
119.

In the CSS box model, the property that sets the thickness of the line surrounding content and padding is (a)   .

Similar Resources on Wayground

Scrum

115 questions

Scrum

quiz

Worksheet

•

Professional Development

CAE Challenge

119 questions

CAE Challenge

quiz

Worksheet

•

Professional Development