WorksheetsUnit 2: Quiz 1: Developing Web Pages
Total questions: 9
Worksheet time: 6mins
Name
Class
Date
1.
Which element is considered nonsemantic?
a)
<h1>
b)
<p>
c)
<div>
d)
<header>
2.
What is a viewport?
a)
an HTML tag that controls the display of a web page
b)
the invisible area of a web page on mobile devices
c)
the visilbe area of a web page on any device
d)
a file that contains the styles associated with a web page
3.
Which of the following statements describes responsive web design (RWD)?
a)
It ensures that a web page can alter its layout to suit different viewport widths
b)
It helps you generate web pages that are acessible to all types of users
c)
It automatically updates a website's code to match current coding standards
d)
It ensures that a website can load as fast on desktop computers as a on mobile devices.
4.
What does a media query identify?
a)
errors in HTML and CSS code
b)
the width of a viewport
c)
the location of a mobile device
d)
the model and version of a browser
5.
Which of the following statements describes the viewport <meta> tag?
a)
It encloses a media query that targets specifict veiwports
b)
It conveys metadata about viewports to developers
c)
It lets you set the initial zoom level of a web page.
d)
It is a child of the <body> element of a web page.
6.
You wan to color the background of a <p> element dark cyan. This color's code-friendly keyword is darkcyn. It's hex code is #008b8b. Which declarion should you pass on to the CSS rule p {}?
a)
background-style: #008b8b;
b)
background-color: darkcyan;
c)
color: #008b8b;
d)
bg-color: darkcyan
7.
You are building a website for a handicrafts seller. You plan to display static, unanimated product photos on the website. You want to allow users to zoom in on each product photo and examine the image closely. Which type of image files should you add to the website?
a)
Portable Network Graphics (PNG)
b)
Joint Photographic Experts Group (JPG or JPEG)
c)
Scalable Vector Graphics (SVG)
d)
Graphics Interchange Format (GIF)
8.
<img src="team.png" alt="The Weborama team." ________/>
<map name=team-members">
<area shape="rect" coords="742, 222, 882, 362"/>
</map>
a)
usemap="#team-members"
b)
setmap+"@area+value=1"
c)
getmap="shape#1"
d)
buildmap="coords@1"
9.
In the color blue, red and green have 0 percent intensity, and blue has 100 percent intensity. You want to make the text in an HTML element blue. Which color identifer can you use, as is, in your code?
a)
#0000FF
b)
bluehue
c)
%FF0A0A
d)
rgb (0, 255, 0)
100 %
