WorksheetsMIDTERM Examination | CSC 121 - Web Page Design and Development
Total questions: 60
Worksheet time: 29mins
What do you call a program that interprets HTML?
Webpage
Website
Web browser
Web
Group of webpages is called _____.
Website
Web browser
Web Search engine
None of the above
Describes the structure of a Web page
HTML elements
HTML (Hyper Text Markup Language)
HTML tags
HTML Page Structure
HTML tags are element names surrounded by __________.
<angle brackets>
(round brackets)
[square brackets]
(round brackets) and [square brackets]
The _______________ declaration defines this document to be HTML5
<!DOCTYPE html>
<html>
<head>
<title>
The _______ element contains meta information about the document
<title>
<body>
<h1>
<head>
Above is a visualization of an HTML page structure:
Which of the following section is displayed in a browser.
<body> section
<head> section
<title> section
none of the above
What does the <meta> tag do?
Nothing.
Defines the description and details of a website.
Used for accessing internal CSS codes.
Defines and automatically executes all HTML codes and formats.
It is used for setting up the charset of the website.
How do you link a stylesheet?
<a href="stylesheet.css">
<link rel="stylesheet"
type="text/css"
href="styles.css">
<img src="stylesheet.png"
alt="stylesheet">
<link rel="styles.css">
What are the tags that are used inside the <table> tag?
th, td, and tr.
ol, ul, and li.
head, body, and meta.
style, title, and html.
How do you create a Line Break?
With <line break>.
With <lb>.
With <break>.
With <bl>.
With <br>.
What is the correct HTML for making a checkbox?
<checkbox>
<input type="checkbox">
<check>
<input type="check">
What is the correct HTML for making a drop-down list?
<list>
<input type="dropdown">
<input type="list">
<select>
In HTML, which attribute is used to specify that an input field must be filled out?
required
validate
formvalidate
placeholder
Which is the correct syntax for a link?
<a href="url">link text</a>
<a href="url" link text>
<a href=url>link text</a>
<a href="url" link text</a>
#main { background-color: red; }
A:hover { color: blue; }
Which of the following property is used to control the repetition of an image in the background?
background-repeat
background-color
background-image
background-position
Which of the following property is used to increase or decrease how bold or light a font appears?
font-weight
font-variant
font-style
font-family
Which of the following property changes the color of right border?
border-top-color
border-left-color
border-right-color
border-bottom-color
Which of the following property allows you to control the shape or appearance of the marker of a list?
list-style-position
list-style
list-style-type
list-style-image
What term describes one specific feature such as size or color?
Property
Declaration Block
Rule
Value
What symbol indicates that numeric values will be hexadecimal instead of decimal?
*
@
#
!
What symbols are used in external CSS files to create a comment?
<!--and-->
/*and*/
###
//
Given a RGB value of #00FF00, what will be the resulting color on the screen?
Red
Blue
Green
A mixture of red, green and blue
How do you create an inline style?
Define a style rule in your < head > area
Add a list of property attributes to the target element
Add a “style” attribute to the target element
Add a “css” attribute to the target element
How many digits are there in the hexadecimal numbering system?
2
16
10
255
A _________ website contains information that does not change.
Static
Dynamic
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?
d-index
x-index
y-index
z-index
How to select the elements with the class name "example"?
example
#example
.example
class.example
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"?
red
green
black
browser default
In the following code snippet, what value is given for the left margin?
margin: 5px 10px 3px 8px;
5px
10px
3px
8px
What property creates space within an element?
Margin
Padding
Spacing
Float
h2, h3, h4 {font-family: Arial, sans-serif}
Is the above correct?
Yes
No
The information inside of the fiber cables travel in the form of...
light pulses
waves
electrical pulses
The packets that travel throughout the Internet, travel in...
Binary code (01001 for example)
Compressed files
The maximum amount of data that can be sent in a fixed amount of time, usually measured in bits per second.
Path
Bandwidth
Terabyte
What is true about all IP addresses
A numerical representation of a computer network
Made of GPS coordinates of a computing device
Unique for each computer and webserver in the world
Which of the following bootstrap style of button indicates a successful or positive action?
.btn
.btn-primary
.btn-success
.btn-info
Bootstrap's grid has ______ columns across the page
1
12
4
8
sm, md, lg, and xl represent ___________
Size of the column
Size of the device's screen
Size of the row
Nothing
Bootstrap is mobile first.
True
False
Maybe
Some may agree
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
l and ll
l, ll, and lll
ll, lll and lV
l, ll, lll, and lV
This specific type of design focuses on the structure and logic of the design elements that users interact with.
Motion Design
UI Design
Packaging Design
UX Design
What effects the mood of the visual design
line
color
shape
size
What does this padlock sign mean in the address bar of your browser?
The site is secure and data is transmitted using SSL
There is a padlock available for purchase
The website does not include "safety locks"
The page is locked down for some odd reason
What does SSL stand for?
Secure Socket Layer
Secret Secure Layer
Bandwidth is measured by what?
mega byte
bit rate
latency
mbps
This this the amount of time it takes for one bit to travel from one place to another.
Bandwidth
Ping
Latency
Internet Speed
Which method of connectivity is the cheapest and prone to signal loss?
Electricity
Light
Radio
Information is made of bits
True
False
Maybe
