wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

MIDTERM Examination | CSC 121 - Web Page Design and Development

Total questions: 60

Worksheet time: 29mins

Name
Class
Date
1.

What do you call a program that interprets HTML?

a)

Webpage

b)

Website

c)

Web browser

d)

Web

2.

Group of webpages is called _____.

a)

Website

b)

Web browser

c)

Web Search engine

d)

None of the above

3.

Describes the structure of a Web page

a)

HTML elements

b)

HTML (Hyper Text Markup Language)

c)

HTML tags

d)

HTML Page Structure

4.

HTML tags are element names surrounded by __________.

a)

<angle brackets>

b)

(round brackets)

c)

[square brackets]

d)

(round brackets) and [square brackets]

5.

The _______________ declaration defines this document to be HTML5

a)

<!DOCTYPE html>

b)

<html>

c)

<head>

d)

<title>

6.

The _______ element contains meta information about the document

a)

<title>

b)

<body>

c)

<h1>

d)

<head>

7.

Above is a visualization of an HTML page structure:

Which of the following section is displayed in a browser.

a)

<body> section

b)

<head> section

c)

<title> section

d)

none of the above

8.

What does the <meta> tag do?

a)

Nothing.

b)

Defines the description and details of a website.

c)

Used for accessing internal CSS codes.

d)

Defines and automatically executes all HTML codes and formats.

e)

It is used for setting up the charset of the website.

9.

How do you link a stylesheet?

a)

<a href="stylesheet.css">

b)

<link rel="stylesheet"

type="text/css"

href="styles.css">

c)

<img src="stylesheet.png"

alt="stylesheet">

d)

<link rel="styles.css">

10.

What are the tags that are used inside the <table> tag?

a)

th, td, and tr.

b)

ol, ul, and li.

c)

head, body, and meta.

d)

style, title, and html.

11.

How do you create a Line Break?

a)

With <line break>.

b)

With <lb>.

c)

With <break>.

d)

With <bl>.

e)

With <br>.

12.

What is the correct HTML for making a checkbox?

a)

<checkbox>

b)

<input type="checkbox">

c)

<check>

d)

<input type="check">

13.

What is the correct HTML for making a drop-down list?

a)

<list>

b)

<input type="dropdown">

c)

<input type="list">

d)

<select>

14.

In HTML, which attribute is used to specify that an input field must be filled out?

a)

required

b)

validate

c)

formvalidate

d)

placeholder

15.

Which is the correct syntax for a link?

a)

<a href="url">link text</a>

b)

<a href="url" link text>

c)

<a href=url>link text</a>

d)

<a href="url" link text</a>

16.
What is the default appearance of hyperlinks in the browser?
a)
Italic and purple
b)
Blue and underlined
c)
Bold and Italic
d)
Purple and underlined
17.
If the page has a  <div style='padding: 10px;'> what type of CSS is this?
a)
Inline
b)
Style Tag
c)
External Stylesheet
d)
User Stylesheet
18.
What does this mean:
#main { background-color: red; }
a)
The object with ID of main has a background colour of red
b)
The object with CLASS main has a background colour of red
c)
All objects on the page are red
d)
The body of the page is red
19.
What does this mean:
A:hover { color: blue; }
a)
Links are blue when you hover over them
b)
Animations are blue when you hover over them
c)
The background colour of the body is blue when hovered
d)
There is no blue allowed on the page
20.
Which of these is part of the Box model of CSS?
a)
DIV
b)
P
c)
TAG
d)
Padding
21.
What does CSS stand for?
a)
Cascading Style Sheet
b)
Communicative Styling Saved
c)
Colour Style Selector
d)
Comparitive Site Style
22.

Which of the following property is used to control the repetition of an image in the background?

a)

background-repeat

b)

background-color

c)

background-image

d)

background-position

23.

Which of the following property is used to increase or decrease how bold or light a font appears?

a)

font-weight

b)

font-variant

c)

font-style

d)

font-family

24.

Which of the following property changes the color of right border?

a)

border-top-color

b)

border-left-color

c)

border-right-color

d)

border-bottom-color

25.

Which of the following property allows you to control the shape or appearance of the marker of a list?

a)

list-style-position

b)

list-style

c)

list-style-type

d)

list-style-image

26.

What term describes one specific feature such as size or color?

a)

Property

b)

Declaration Block

c)

Rule

d)

Value

27.

What symbol indicates that numeric values will be hexadecimal instead of decimal?

a)

*

b)

@

c)

#

d)

!

28.

What symbols are used in external CSS files to create a comment?

a)

<!--and-->

b)

/*and*/

c)

###

d)

//

29.

Given a RGB value of #00FF00, what will be the resulting color on the screen?

a)

Red

b)

Blue

c)

Green

d)

A mixture of red, green and blue

30.

How do you create an inline style?

a)

Define a style rule in your < head > area

b)

Add a list of property attributes to the target element

c)

Add a “style” attribute to the target element

d)

Add a “css” attribute to the target element

31.

How many digits are there in the hexadecimal numbering system?

a)

2

b)

16

c)

10

d)

255

32.

A _________ website contains information that does not change.

a)

Static

b)

Dynamic

33.

Suppose we want to arragnge five nos. of DIVs so that DIV4 is placed above DIV1. Now, which css property will we use to control the order of stack?

a)

d-index

b)

x-index

c)

y-index

d)

z-index

34.

How to select the elements with the class name "example"?

a)

example

b)

#example

c)

.example

d)

class.example

35.

Assume that this code is linked together correctly.


p{

color: red;

padding:10px 5px;

background: black;

}

.fancy{

font-family: cursive;

background: red;

color: green;

}

.plain{

font-family: Times, serif;

color: black;

}


<p>Hi</p>


What color font is used to display "Hi"?

a)

red

b)

green

c)

black

d)

browser default

36.

In the following code snippet, what value is given for the left margin?


margin: 5px 10px 3px 8px;

a)

5px

b)

10px

c)

3px

d)

8px

37.

What property creates space within an element?

a)

Margin

b)

Padding

c)

Spacing

d)

Float

38.

h2, h3, h4 {font-family: Arial, sans-serif}

Is the above correct?

a)

Yes

b)

No

39.

The information inside of the fiber cables travel in the form of...

a)

light pulses

b)

waves

c)

electrical pulses

40.

The packets that travel throughout the Internet, travel in...

a)

Binary code (01001 for example)

b)

Compressed files

41.

The maximum amount of data that can be sent in a fixed amount of time, usually measured in bits per second.

a)

Path

b)

Bandwidth

c)

Terabyte

42.

What is true about all IP addresses

a)

A numerical representation of a computer network

b)

Made of GPS coordinates of a computing device

c)

Unique for each computer and webserver in the world

43.
A distributed database that links computer names and their IP addresses
a)
DNS (Domain Name Service)
b)
ISP (Internet Service Provider)
c)
Go Daddy
d)
modem numbers
44.
URL stands for?
a)
Uniform Resource Locator
b)
Unique Resource Locator
c)
Universal Resource Locator
d)
Upper Range Limit
45.

Which of the following bootstrap style of button indicates a successful or positive action?

a)

.btn

b)

.btn-primary

c)

.btn-success

d)

.btn-info

46.

Bootstrap's grid has ______ columns across the page

a)

1

b)

12

c)

4

d)

8

47.

sm, md, lg, and xl represent ___________

a)

Size of the column

b)

Size of the device's screen

c)

Size of the row

d)

Nothing

48.

Bootstrap is mobile first.

a)

True

b)

False

c)

Maybe

d)

Some may agree

49.

What is Bootstrap?

I. A framework to create a database

II. A toolbox for web development

III. A framework to make the website responsive.

VI. A toolbox to develop professional website

a)

l and ll

b)

l, ll, and lll

c)

ll, lll and lV

d)

l, ll, lll, and lV

50.

This specific type of design focuses on the structure and logic of the design elements that users interact with.

a)

Motion Design

b)

UI Design

c)

Packaging Design

d)

UX Design

51.

What effects the mood of the visual design

a)

line

b)

color

c)

shape

d)

size

52.
Which of these is the most secure way of data transfer?
a)
HTTP
b)
HTTPS
53.

What does this padlock sign mean in the address bar of your browser?

a)

The site is secure and data is transmitted using SSL

b)

There is a padlock available for purchase

c)

The website does not include "safety locks"

d)

The page is locked down for some odd reason

54.
If there’s no lock in the address bar and the web address says HTTP without an S, that means every bit of data you send is private and safe.
a)
True
b)
False
55.
What type of key can be freely shared with anyone so that they can encrypt a message?
a)
Personal key
b)
Private key
c)
Free key
d)
Public key
56.

What does SSL stand for?

a)

Secure Socket Layer

b)

Secret Secure Layer

57.

Bandwidth is measured by what?

a)

mega byte

b)

bit rate

c)

latency

d)

mbps

58.

This this the amount of time it takes for one bit to travel from one place to another.

a)

Bandwidth

b)

Ping

c)

Latency

d)

Internet Speed

59.

Which method of connectivity is the cheapest and prone to signal loss?

a)

Electricity

b)

Light

c)

Radio

60.

Information is made of bits

a)

True

b)

False

c)

Maybe