Name:     ID: 
 
Email: 

HTML5 & CSS3 Final Exam

Multiple Choice
Identify the choice that best completes the statement or answers the question.
 

 1. 
_____ gradients are specified by their center and a color begins in the center and transitions in a circular direction to other colors.
a.
Horizontal
c.
Radial
b.
Linear
d.
Diagonal
 

 2. 
_____ are hyperlinks that primarily work on smartphones.
a.
Telephone links
c.
Image Links
b.
Absolute links
d.
Itinerant Links
 

 3. 
Consider the style rule:
figure img {
          opacity: 0.7;
         }
Here, the opacity value will make the images appear _____.
a.
70 percent transparent
c.
30 percent transparent
b.
with 30 percent opacity
d.
completely opaque
 

 4. 
Identify the style rule to left-align an unordered list element contained within a main article element.
a.
main article ul {
        text-align: %left;
c.
main article *ul {
        text-align: left;
               }
b.
main article u-l {
        text-align: left;
               } </article>
d.
main article ul {
        text-align: left;
               }
 

 5. 
Identify a style rule used to align the table data in the center of the cell.
a.
th {
<text-align/>: center;
}
c.
td {
text-align: center;
}
b.
tdata {
text-align: <center/>;
}
d.
table_data {
text-align: center;
}
 

 6. 
A web _____ is a program that interprets and displays webpages so that users can view and interact with a webpage.
a.
server
c.
resource locator
b.
browser
d.
client
 

 7. 
To create a link to a webpage, one inserts a code in a(n) _____ document that references the webpage by its name and location.
a.
CSS
c.
HTML
b.
CLASS
d.
DIV
 

 8. 
An embedded style sheet includes the style sheet within the _____ tags of the HTML document.
a.
<body> and </body>
c.
<html> and </html>
b.
<head> and </head>
d.
<style> and </style>
 

 9. 
In the context of exploring div elements, any word can be used as a(n) _____, as long as it does not contain spaces.
a.
header element
c.
id attribute value
b.
footer tag
d.
class name
 

 10. 
When assigning the attribute for an absolute link, begin with the _____ text.
a.
index.html
c.
http://
b.
mailto
d.
home<a>
 

 11. 
While styling a table for a tablet viewport, the table can be centered on the page significantly by setting the left and right margins to a value of _____.
a.
auto
c.
1
b.
0
d.
center
 

 12. 
A(n) _____ element begins with an <a> tag and ends with an </a> tag.
a.
absolute
c.
email
b.
anchor
d.
relative
 

 13. 
The _____ attribute of a link element uses the stylesheet value to indicate that a document is linked to a style sheet.
a.
rel
c.
href
b.
lnk
d.
span
 

 14. 
The code:
<head>
<title>My Website</title>
?3?
<style>
?3?
body {
                       background-color: green;
           }
?3?
           </style>
           </head>
exemplifies a(n) _____ style sheet where the style rule is placed between the opening <style> and closing </style> tags.
a.
embedded
c.
inline
b.
external
d.
linked
 

 15. 
Identify a style rule that should be used to set the height of a table data cell to 2em.
a.
<d/>{height: 2em;}
c.
<td> { height/>::2em;} <td/>
b.
td {height: 2em;}
d.
<td> {height: 2em;} <td/>
 

 16. 
_____ appear below the header in the navigation area of a webpage.
a.
Copyright labels
c.
Page links
b.
Ordered lists
d.
Bulleted lists
 

 17. 
_____ links are the most common type of hyperlink.
a.
Server
c.
Text
b.
Proxy
d.
Protocol
 

 18. 
James has been assigned the task of creating a website for the Finneray University. The website should primarily focus on delivering the following information to the visitors of their webpage: the various departments, the courses offered by the university, the duration of each course, the expert faculties, the scholarship programs, the fee structure, and the campus housing facilities.
James creates an article that describes all the different departments of the university. Along with each department, the webpage also lists the courses offered by that particular department. James should use a(n) _____ if he wants to include more information about one of these courses, such as its duration or its fee structure
a.
details element
c.
summary element
b.
aside element
d.
section element
 

 19. 
_____ define additional characteristics, or properties, of Hypertext Markup Language (HTML) elements such as the width and height of an image.
a.
Parameters
c.
Wireframes
b.
Cells
d.
Attributes
 

 20. 
_____ in a wireframe is an area on the page that is intentionally left blank.
a.
Passive white space
c.
Passive blue line
b.
Active blue line
d.
Active white space
 

 21. 
JPG uses a(n) _____, made exclusively for digital photos, to reduce file size.
a.
lossy compression
c.
adjustable compression
b.
minimized compression
d.
reduction compression
 

 22. 
Jerema, the CEO of a leading garment manufacturing outlet, has assigned her assistant, Ann, the task of utilizing tables and its styling features to create an organized information store that would contain all of Jerema's meeting schedules. Ann creates a table that has four rows and three columns that lists all the required information.
Ann has made use of the table styling properties to give the table a neat look. Although Ann has applied a border to the table elements, yet each cell has its own border, making the table appear with double lines between each table data cell. Which styling property should Ann use in this case to display the table with single, consolidated borders?
a.
border-collapse property
c.
text-align property
b.
border-width property
d.
text-compress property
 

 23. 
A _____ tag is used to insert a line break in a Hypertext Markup Language (HTML) document.
a.
<hr>
c.
<br>
b.
<div>
d.
<p>
 

 24. 
Identify a pseudo-class used to style an unvisited link.
a.
:link
c.
:hover
b.
:active
d.
:visited
 

 25. 
Initially loading the correct layout for each device is particularly helpful for mobile devices because it eliminates extra _____.
a.
stacking
c.
clicking
b.
indexing
d.
zooming
 

True/False
Indicate whether the statement is true or false.
 

 26. 
A wireframe is a planning tool that shows the structure of a website.
 

 27. 
To reduce file size, a JPG image format uses a lossless compression that discards some of the color information in an image, which reduces its original quality.
 

 28. 
Browsers add space before and after each <p> tag to separate paragraphs.
 

 29. 
HTML5 does not support the majority of the table tag attributes that were used to format tables.
 

 30. 
Businesses are not permitted to use forms to collect information about their customers.
 

 31. 
A mobile layout usually uses a three-column layout, whereas a one-column layout is usually used for tablet and desktop viewports.
 

 32. 
Each image element can be wrapped within separate figure and figure caption elements.
 

 33. 
Multiple colors can be used within a radial gradient.
 

 34. 
A hyperlink, more commonly called a link, is an element that connects one webpage to another webpage on the same server or to any other web server in the world.
 

 35. 
Many of today’s modern websites display little text on the home page and use key words or phrases, or call-to-action items, to entice the user to further explore the website.
 



 
         Start Over