Scribd
Upload
25 views

WED201c - Full Quizlet

The document contains a series of questions and answers related to web development topics, including HTML, CSS, JavaScript, and web browsers. It covers various concepts such as file extensions for web pages, properties for styling, and the structure of URLs. The content appears to be formatted as a quiz or study guide for individuals learning about web technologies.

Uploaded by

Đức Minh Trần
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
25 views

WED201c - Full Quizlet

The document contains a series of questions and answers related to web development topics, including HTML, CSS, JavaScript, and web browsers. It covers various concepts such as file extensions for web pages, properties for styling, and the structure of URLs. The content appears to be formatted as a quiz or study guide for individuals learning about web technologies.

Uploaded by

Đức Minh Trần
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 22

Full Web201c

Study online at quizlet.com/_8m0k8d

1. Which of the following returns the hostname A 9. Which is the correct file extension for a web page? D
and port of the current URL?
A .doc
a, Location B .ppt
b, Window C .txt
c, Navigator D .html
d, History
10. How much horizontal space ("width") will this div use? 84
2. To access your cPanel account, you need ... A
div{
A a username and password from your hosting width:50px;
server padding: 10px;
B the username and password for your margin: 5px;
computer border: 2px;}
C the port number for your account
11. How much vertical space ("height") will this div use? 74
3. Using only a default style sheet.. A
div{
A. will typically make your page look worse height:50px;
B. will typically make your page look great padding: 5px 10px;
margin: 5px;
4. The link to the external style sheet should be B
border: 2px;}
in the:
12. How much width will this div occupy? 134
A. <header>
B. <head> div{
C. <div> width:100px;
D. <footer> padding: 10px;
margin: 5px;
5. A default style sheet is used to: A
border: 2px;}
A. Eliminate differences in browser default 13. Which of the following are the advantages of using C
styling JavaScript for form validation?
B. Insert the prefixes needed to support
different browsers A Increase end-user satisfaction
B Conservation of the bandwidth
6. Which property can remove the underline from text-
C. All of the others
links? (Only provide the property name; do not decoration
D. Increased validity of the form submission
give it a value.)
14. width="100" and width="100%" is ? C
7. The property/value pair A

A. The same when width attribute is used in tag


list-style-type:upper-roman;
B. The same
C. Different
is best used to visually alter:
15. Radio buttons let a user select ONE of a limited D
A. ordered lists number of choice by_________attribute
B. unordered lists
C. both ordered and unordered lists A. name
B checked
8. Which CSS property controls the text size? C
C. id
D. type
A. text-size
B. text-style
C. font-size
D. font-height
16. Which statement is wrong about headings in HTML C 22. The padding and margin properties can be styled with B
document? unique colors.

A. Use HTML headings for headings only Don't use A True


headings to make text BIG or bold B False
B. Search engines use your headings to index the
23. Select the property that is used to create spacing A
structure and content of your web pages
between HTML elements?
C. h6 defines the most important heading
D. Browsers automatically add some empty space (a
A. padding
margin) before and after each heading
B. spacing
17. What is the correct HTML for referring to an external B C. margin
style sheet? D. border
E. None
A. <link rel="css" href="mystyle.css">
24. In CSS,Select the property used to set the spacing in A
B. <link rel="stylesheet" href="mystyle.css">
between lines of text?
C. <link rel="stylesheet" src="mystyle.css">
D. <style src="mystyle.css"></style>
A. line-height
18. What is the correct HTML for referring to an external B B. line-spacing
style sheet stored in a subfolder called css? C. letter-spacing
D. spacing
A. <link rel="css/stylesheet" href="css/mystyle.css"> E. None
B. <link rel="stylesheet" href="css/mystyle.css">
25. For users that use the tab key to navigate websites, A
C. <style src="css/mystyle.css">
what property represents this way of moving from one
D. <link rel="css/stylesheet" href="mystyle.css">
element to another?
19. var t = newDate(2020.6.10) A
var y = t.getFullYear(); A. a:focus
B. a:active
What is value of y variable? C. a:link
D. a:visited
A. 2020 E. None
B. 2017
26. The four links states are B
C. 120
D. 2016
A a:connect;a:visited;a:action; a:hover
20. Which statement is right about web browser? A B. None of the others
C. a:link; a:visited, a:action; a:hover
A All of the others D. a:link;a:visited, a:action. a:mouseover
B A web browser is a software application for
27. The four links states are A
retrieving, Present and traversing Information
a:link, a:visited, a:hover, a:active
resources on the World Wide Web
C. The purpose of a web browser (Chrome. IE. Firefox.
A. True
Safan) is to read HTML documents and display them
B. False
document, before the tag
D. The browser does not display the HTML tags, but 28. How do you find out which character occurs at the 5th B
uses them to determine how to display the document position in a string "How are you?"

21. Padding is... A


A subString()
B charAt()
A. The space between an element and its border
C. indexOf()
B. The space between two elements
D. String()
C. The space reserved for an element
29. What are the four principles of Accessibility? B 36. var pattern=/^[SE][0-9]{3}$/; B

A. USE Which string is right with above pattern?


B. POUR
C. PORE A E222
D. WEBAIM B None of the others
C. SE1
30. When can you not trigger Javascript from an event B
D. SE111
handler?
37. What does this function do? A
A. When another event IS sbll being processed
B. When JavaScript is disable function f(val) {Return val ? 1:2}
C. When the page uses style sheet
D. When It runs locally instead of on the web A It returns 1 if val is truth. otherwise 2
B. It returns 1
31. How do you display hyperlinks without an underline? C
C. It always return 2
A. a {text-decoration:no-underline;} 38. HTML5 tags have the same semantic meaning, B
B. a {underline:none;} regardless of the browser being used.
C. a { text-decoration:none; }
D. a {decoration:no-underline;} A. False
B. True
32. The four links states are B
39. Unlike earlier versions of HTML, HTML5 produces B
a:connect; pages that look the same across all browsers.
a:visited;
a:action; A. False
a:hover B. True
40. To publish your site online you need A
A. True
B. False
A a domain name and hosting service
33. You can use property to change the list style to show A B an account through work or school
roman numerals instead of normal numbers? C a client
41. FTP stands for C
A. List-style-type: upper-roman:
B. List-type: roman;
A. File Transmission Pipe
C. List-bullet-type: roman-numerals.
B. Files to Push
D. List-style: roman:
C. File Transfer Protocol
34. (Choose 2 answers) A
42. HTTP stands for A
In HTML attributes, an input element should be B
disabled by
A. Hyper Text Transfer Protocol
B. Hyper Transfer Translation Program
A. hidden
C. Hyper Text Text Program
B. disabled
C. style 43. Which of the following is part of a URL? A
D. none
A. protocol
35. The style tag and the style attribute are B
B. editor
interchangeable -- this means that you accomplish the
C. hosting service
same effect with both.
44. Which of the following is part of a URL? A
A True
B False A. domain (or host )
B. editor
C. HTML
45. The Internet is a type of A 55. Which of the following is an example of a top- A
level domain?
A. Wide Area Network
B. Hypertext Network A. .com
C. Local Area Network B. umich.edu
C. wikipedia.org
46. HTML5 is a cooperation between many parties. B
Which of the following is NOT part of that 56. The Domain Name Service looks up the domain A
cooperation. and returns the

A. WHATWG A. IP address
B. DARPA B. server
C. W3C C. host
D. document
47. A basic functionality of browsers is to translate A
HTML documents into viewable webpages. 57. Which organization is responsible for assigning B
top-level domain names?
A. True
B. False A. Internet Engineering Task Force (IETF)
B. Internet Corporation for Assigned Numbers
48. A single web page may require several iterations A
and Names (ICANN)
of the Request-Response Cycle.
C. World Wide Web Consortium (W3C)
A. True 58. The Request-Response Cycle... C
B. False
A. is an outdated process used by HTML 4.1
49. Which version of HTML introduced semantic tags? A
B. is performed once for each requested page.
C. may require several iterations of the Request-
A. HTML 5
Response Cycle.
B. HTML 2.0
C. HTML 3.2 59. What does LAN stand for? local-
D. HTML 4.01 area
network
50. Which version of HTML included browser specific A
features? 60. What does WAN stand for? Wide
area
A. HTML 3.2 network
B. HTML 5
61. HTML uses _________ to annotate documents. This tags
C. HTML 4.01
is a way of marking up the content to identify
D. HTML 2.0
specific HTML elements.
51. The predecessor of the internet was D
62. HTML5 should not... C

A. Al Gore
A. be device-independent
B. CompuServe
B. use markup instead of scripting where
C. DARPA
appropraite
D. Arpanet
C. take advantage of the most up-to-date
52. URL stands for C plugins.
63. Which of the following best explains the C
A. Universal Relation Locator
difference between syntax and semantics.
B. Unordered Resource Location
C. Uniform Resource Locator
A. Syntax and semantics are interchangeable.
53. (Enter a year) 1996 B. A browser may have trouble displaying a page
CSS1 was introduced for public use in if the semantics is incorrect.
C. A browser may have trouble displaying a page
54. The first graphical browser was.... (please use one Mosaic
if the syntax is incorrect.
word answer)
64. What are proprietary tags? B 73. Which of these tags breaks the tenet of the B
separation of content and layout?
A. Tags used to define ownership of the
content A. center
B. Tags that work only on certain browsers B. br
C. Tags that displayed copyright information C. p
65. Which of these tags breaks the tenet of the C 74. W3C stands for ________. C
separation of content and layout?
A) World Wide Web Consult
A. body B) World Wide Web Contract
B. h1 C) World Wide Web Consortium
C. font D) Wide World Web Consortium
66. Which of the following are browsers? A 75. Which version of HTML introduced different D
document types?
A. Chrome, Firefox, Safari
B. Firefox, Windows, Chrome A. HTML 2.0
C. Safari, Mac, Sublime, Chrome B. HTML 3.2
C. HTML5
67. Which of the following is an example of a A
D. HTML 4.01
top-level domain?
76. _____________ is used to create rules about the color, CSS
A, .biz font, and layout of our pages
B, umich.edu
77. Semantics is A
C, mysite
68. What does HTML stand for? Hyper Text A. the practice of giving content on the page
Markup meaning and structure by using proper element
Language
B. the set of rules that defines the combinations of
69. Which of the following is part of a URL? A
symbols that are considered to be a correctly
structured document or fragment in that language
A. domain (or host ), protocol
B. protocol and doctype
C. circular
C. heading
78. Semantic code describes the ___ of content on a B
70. What is the Request/Response Cycle? B
page, regardless of the style or appearance of that
content.
A. The process that happens when a HTML5 is
created with an editor
A. number
B. The process that happens when a client
B. value
requests a page and a server responds with
C. language
the appropriate files
C. The process that happens when a server 79. The # symbol specifies that the selector is a/an B
requests a page and a client responds with
the appropriate files A. tag
B. id
71. A ________________________ is a computer that is in server
C. first
charge of handling resource requests from
D. class
multiple computers.
80. Using tags that have semantic meaning A
72. The original developers of HTML were A
opposed to the addition of tags for graphical
A. increases accessibility and improve search engine
images.
optimization
B. increases search engine optimization
A. True
C. breaks the separation between content and
B. False
layout
81. Using the header and footer tags can improve the A 90. Which of the following are valid tags for HTML5 B
search engine optimization for your page. headings?

A. True A. <heading>..</heading>
B. False B. <h5>..</h5>
C. <h9>..</h9>
82. Every well-formed HTML document should include: A
D. <h7>..</h7>
A. doctype, head, body 91. Which set of element tags is used to create the highest C
B. doctype, header, body level heading?
C. header, nav, footer
D. alt text A. <h9>..</h9>
B. <h6>...</h6>
83. What is wrong with the following code? C
C. <h1>...</h1>
D. <header>..</header>
<a href = "picture.jpg">My dog</a> chews socks.
92. All of the content you wish to appear on the screen D
A. You can not have text after the closing </a> tag. should be in which tag?
B. The alt text attributes is missing from the tag.
C. This code is semantically and syntactically correct. A. <main>
D. The link in the href must have a full URL B. <html>
C. <content>
84. Block-level elements begin on a new line A
D. <body>
A. True 93. Which tag is used to create a link? C
B. False
A. <link>
85. Inline-level elements begin on a new link B
B. <hyper>
C. <a>
A. True
D. <anchor>
B. False
94. Which tag is used to let the browser know that it is A
86. A <div> block is an inline-level element B
about to see JavaScript code?
A. True
A. script
B. False
B. head
87. A <span> block is an inline-level element A C. js
95. Which of the following code is the correct way to link B
A. True
to an email address?
B. False
88. Which tag represents a line break (new line)? B A. <a href= "[email protected]?
subject=Hi&body=How are you">Email</a>
A. <break>
B. <br> B. <a href= "[email protected]?
C. <line> subject=Hi&body=How%20are%20you">Email</a>
D. <lb>
89. Which of the following is the correct way to comment C C. <a href= "[email protected]?
on HTML5? subject=Hi&body=How%are%you">Email</a>

A. <?-- HTML --> D. <a href= "[email protected]?


B. <#-- HTML --> subject=Hi&body=How%20are%20you">Email<a>
C. <!-- HTML -->
D. <$-- HTML -->
96. Which of the following code is the correct way to link D 99. Which code properly creates the nested list structure B
to an email address? shown here?

A. <a href= "mailto:[email protected]? 1. Vegetables


subject=Hi&body=How are you">Email</a> 2. Fruit
·Blueberries
B. <a href= "mailto:[email protected]? ·Bananas
subject=Hi&body=How%are%you">Email</a>
Notice that the blueberries and bananas are part of the
C. <a href= "mailto:[email protected]? fruit component.
subject=Hi&body=How%20are%20you">Email<a>
A.
D. <a href= "mailto:[email protected]? <ol>
subject=Hi&body=How%20are%20you">Email</a> <li>Vegetables</li>
<li>Fruit>/li>
97. Which HTML element is used to define list items? C
<ul>
<li>Blueberries</li>
A. <item>
<li>Bananas</li>
B. <ul>
</ul>
C. <li>
</ol>
D. <dl>
98. The start attribute defines the number from which an B B
unordered list should start. <ol>
<li>Vegetables</li>
A. True <li>Fruit
B. False <ul>
<li>Blueberries</li>
<li>Bananas</li>
</ul>
</li>
</ol>

C.
<ul>
<li>Vegetables</li>
<li>Fruit
<ol>
<li>Blueberries</li>
<li>Bananas</li>
</ol>
</li>
</ul>

D.
<ol>
<li>Vegetables</li>
<li>Fruit>/li>
<ul>
<li>Blueberries</li>
<li>Bananas</li>
</ul>
</ol>
100. The <ul> and <ol> elements may contain only <li> A 108. What are the elements to help organize the data and C
elements. structure of a table?

A. True A. <caption>, <head>, <body>, <foot>


B. False B. <caption>, <thead>, <tbody>, <foot>
C. <caption>, <thead>, <tbody>, <tfoot>
101. The tags to create definitions are: C
D. <caption>, <thead>, <body>, <foot>
A. <dl>, <term>, <def> 109. What does <thead> stand for? C
B. <def>, <dt>, <li>
C. <dl>, <dt>, <dd> A. The head
D. <def>, <dt>, <dd> B. Table head
C. Table header
102. What should target = "_blank" do when included in a A
D. None of the above
link tag?
110. Which code will properly insert headings along each C
A. Opens the link in a new tab or window row?
B. Opens the link in a in a tab called "_blank"
C. This is not a valid expression. A.
<table>
103. In order for the <img> element to work, a src attribute A
<tr><th>Name</th><th>Age</th><th>Team</th></tr>
and value must be included to specify the source of
<tr><td>Colleen</td><td>26</td><td>Browns</td></tr>
the image.
</table>
A. True
B.
B. False
<table>
104. The alt text of an image should describe the B <tr><td>Name</td><td>Age</td><td>Team</td></tr>
appearance of an image <tr><th>Colleen</th><th>26</th><th>Browns</th></tr>
</table>
A. True
B. False C.
105. When should an image have null (empty) alt text (alt - C <table>
"") <tr><th>Name</th><td>Colleen</td></tr>
<tr><th>Age</th><td>26</td></tr>
A. When the image is black and white <tr><th>Team</th><td>Browns</td></tr>
B. When the image is complex </table>
C. When the image is decorative
D. When the image already displays descriptive text D.
<table>
106. To use ftp software to transfer files you will typically A
<tr><td>Name</td><td>Age</td><td>Team</td></tr>
need to know your site's ftp address or ip address.
<tr><td>Colleen</td><td>26</td><td>Browns</td></tr>
</table>
A True
B False 111. The reverse attribute allows a list to appear in a B
reverse order in an unordered list.
107. Which of the following is the best way to use a Font A
Awesome icon to link to Twitter?
A. True
A. <a href="https://twitter.com/" aria-label="Twitter"> <i
B. False
class="fa fa-twitter"></i></a>
112. Which attribute can be used to change its number d
B. <a> <i class="fa fa-twitter"></i></a> within an ordered list?

C. <a href="https://twitter.com/" > <i class="fa fa- A. num


twitter" aria-label="Twitter"></i></a> B. skip
C. change
D. <a href="https://twitter.com/"> <i class="fa fa- D. value
twitter"></i></a>
113. What is wrong with the following code? B 119. What is wrong with the following rule? C

<a href = "http://www.umich.edu"></a> body{


color: #000000;
A. The alt text attribute is missing from the tag background-color:#FFFFFF;
B. This code is semantically and syntactically correct. font-family: Times, Arial, Cursive;
C. This link doesn't provide any way to click on the }
link.
D. The anchor link is self-closing. Remove the </a> and A. You can't specify three options for font-family.
the code will work. B. You can't specify three styles in a single rule
C. This is a valid rule
114. Which HTML element will number items for you? A
120. Assume the following rule is the only one that styles C
A. <ol> the body element:
B. <dl>
C. <num> body{
D. <ul> font-family: Cursive, Helvetica, Verdana;
}
115. Which of the following is not an option for specifying a E
color in CSS3?
What happens if the browser doesn't support Cursive
or Helvetica?
A. hexadecimal
B. rgb
A. The text will be displayed in Cursive
C. rgba
B. The text will not be displayed
D. color name
C. The text will be displayed in Verdana
E. binary
121. Which rule will change the text color of p elements B
116. Which of the following is not an option for specifying a D
with the class "highlight" when hovered over?
color in CSS3?

A. .highlight:hover{color:green;}
A. Use a hexadecimal value
B. p.highlight:hover{color:green;}
B. Use the color name
C. p:hover > highlight{color:green;}
C. Use an rgb value
D. p:hover > highlight{color:green;}
D. All of these options are valid.
122. Assume the following rule is the only one that styles A
117. If your body tag uses the style attribute style="text- B
the body element:body{font-family: Cursive,
align:center", you can overwrite that property by using
Helvetica, Verdana;}What happens if the browser
the CSS3 rule.
doesn't support any of these font families?
body{
A. The text will be displayed in the default browser
text-align: left;
font-family
}
B. The text will not be displayed
C. The text will be displayed in Cursive
A. True
B. False 123. The browser defaults override rules specified in an B
external style sheets.
118. What is wrong with the following code? A

A. True
body{
B. False
color: #000000;
background-color:#FFFFFF
font-family: Times, Arial, Cursive;
}

A. There is a missing semicolon


B. You can't style three properties in a single rule
C. This is a valid rule
124. Using the code below, will the body of the page A 131. Which of the following is the best way to convey that B
have the background-color defined in the file your text has special meaning?
style.css or the background color define in the
<style> tag? A. Using colors to signify the important text
B. Using semantic tags in addition to color and/or font.
<head> C. Using a combination of font size and color to
<meta charset = "UTF-8"> signify the important text
<title>Test code</title> D. Using a larger font size to signify the important text
<link rel "stylesheet" href = "style.css">
132. Every valid web page can be represented as a tree. A
<style>
This tree is referred to as the
body{
background-color: #44CCDD;
A. DOM
}
B. API
</style>
C. JavaScript
</head>
133. JavaScript uses what kind of interface to access the C
A. <style> DOM structure?
B. style.css
A. CSS3
125. Internal styling (rules specified in the <head> B
B. HTML5
section) override rules specified with the style
C. an API
attribute in a tag.
134. Which of these is not valid? (Hint, pay attention to if A
A. True the method should return one thing, or many things...)
B.False
A. document.getElementsById(idName)
126. The default display value for paragraphs is: A
B. document.getElementsByClassName(className)
C. document.getElementsByTagName(tagName)
A. block
B. inline-block 135. If you want your navigation bar to remain visible, even B
C. inline when the user scrolls downward, you should use which
D. none type of positioning?

127. The default display value for <span> is: D


A. relative
B. fixed
A. inline-block
C. absolute
B. none
D. static
C. block
D. inline 136. Which of the following is not a valid method for A
generating output to the screen?
128. A block element takes up the full width of it's A
parent, even if the content is smaller than the
A. print
parent. So two block elements at the same will not
B. document.write
be side-by-side.
C. alert
D. prompt
A. True
B. False 137. Which of these options does NOT require the use of C
parentheses?
129. Inline elements take up the full width of the B
browser, even if the content is smaller than the
A. alert
browser size.
B. prompt
C. innerHTML
A. True
D. document.write
B. False
E. console.log
130. Which CSS3 property is used to center text? text-
(Provide on the property, not the value!) align
138. Which of the following does not generate output A 146. What is wrong with this code? A
directly to the screen?
var name = "Mike";
A. console.log(message); "Colleen" = name;
B. document.write(message);
C. element.innerHTML = message; A. This code is illegal and it doesn't make sense to
have a non-variable (also called a constant ) in the
139. How does prompt differ from alert? B
left-hand side (LHS) of an assignment statement.
B. It is illegal to change the value stored in a
A. Only alert uses parentheses.
variable.
B. The prompt will return a value, alert does not.
C. The variable declaration is illegal
C. The alert will return a value, prompt does not.
D. Only prompt uses parentheses. 147. What value is stored in name if the person hits the null
Cancel button on a prompt?
140. Variables allow you to save data. A
var name = prompt("What is your name?");
A. True 148. What value is stored in name if the person hits the A
B. False Okay button on a prompt before entering anything?
141. In JavaScript the keyword ___________ is used to var
var name = prompt("What is your name?");
declare a variable.
142. What does it mean that variables are case-sensitive? A A. an empty string ("")
B. exception
A. That the computer does not think that the C. undefined
variables name and Name are the same thing.
149. To create a String variable, use quotes around the A
B. That all variables must use uppercase letters
value you want to save.
C. That all variables must use lowercase letters
143. Which of the following is not a valid variable name? A A. True
B. False
A. 1vailable
150. Boolean variables store either true or false. A
B. variable1
C. oneVariable
A. True
D. variableOne
B. False
144. Which of the following is not a valid variable name? B
151. When a function returns a node from the DOM, it is C
of type
A. variable_2
B. variable-2
A. Boolean
C. variable$2
B. Number
145. What does mnemonic mean? B C. Object
D. StrinG
A. That variable names should be as short as possible,
152. A function that wants to return multiple values at B
preferably with no more than two or three
once (such as document.getElementsByTagName)
characters.
will return a/an
B. That variable names should help describe the value
being stored.
A. String
C. That variable names should start with lowercase
B. Array
letters and use uppercase letters if the variable has
C. Number
multiple parts, e.g. firstName.
153. Which of the following is not a valid operator? E

A. ++
B. --
C. ==
D. +=
E. =+
154. What value is returned by 9 % 5? 4 162. The mobile version of your web page should have B
the same layout of every other version of your site.
155. What is the difference between == and === ? B

A. True
A. The == operator is the assignment operator, while
B. False
=== is the equality operator.
B. The == operator only checks for equivalent values, 163. Which fluid measurement type returns a percentage vw
not equivalent type too. of the viewport width?
C. The === operator only checks for equivalent values,
164. Which fluid measurement type returns a percentage vh
not equivalent type too.
of the viewport height?
156. What is the logical operator for OR? ||
165. 1 _____ = 1% of viewport height vh
157. Which of the following is NOT a fluid measurement A
166. The fluid measurement % can only be used on non- B
textual elements
A. px
B. %
A. True
C. rem
B. False
D. em
167. Responsive sites can have a mixture of fluid and A
158. Responsive Web Design is... C
absolute measurements.

A. Designing pages for the mobile view.


A. True
B. Designing multiple pages, one for each type of
B. False
major device (phone, tablet, laptop, and desktop)
C. Designing pages for multiple platforms by 168. Which of the following statements best describes C
incorporating fluid measurements and varying CSS what pixels, ems, and rems have in common?
rules.
A. They are all fluid units of measurement used to
159. Adaptive design with dynamic serving is.... C
define the length of elements on a web page
B. They are all fluid units of measurement that
A. Designing pages for multiple platforms by
define the screen resolution of a page.
incorporating fluid measurements and varying CSS
C. They are all units of measurement used to define
rules.
the length of elements on a webpage.
B. Designing pages for the mobile view.
C. Designing multiple pages, one for each type of 169. Which of the following measurements is relative to B
major device (phone, tablet, laptop, and desktop) the size of its parent element?

160. Which of the following is a true statement about using A


A. px
a separate "m." site for your content?
B. em
C. rem
A. It is difficult to keep multiple versions of your site
consistent. Any updates must be made in multiple 170. If you have an element with the font size of 32px, 64
places. and a child element inside with a a font-size set to
B. Some search engines require a .m version of your 2em, what is the font size of the child in px? (Provide
site. a number only, not the measurement too.)
C. Users have control over which version of the page 171. An _______ is the size of type as computed relative to em
they can see, regardless of the device they are using. the type size of the parent element.
161. The mobile version of your web page should have the A 172. A _______ is the size of type as computed relative to rem
same capabilities of every other version of your site. the type size of the top level "html" element rather
than a parent element.
A. True
173. Which measurement is easier and comfortable for px
B. False
the designer/developer to use when coding their
CSS but does not provide the best experience for
the user?
174. 1 _____ = 1% of viewport width vw
175. If you have an element with the font size of 18px, and 9 179. Consider the following CSS rules: B
a child element inside with a font-size set to .5em,
what is the font size of the child in px? (Provide a @media all and (min-width: 500px){
number only, not the measurement too.) div{
width: 25%;
176. If you have an element with the font size of 15px, and 45
}
a child element inside with a font-size set to 3em,
}
what is the font size of the child in px? (Provide a
div{
number only, not the measurement too.)
width: 80%;
177. Consider the following CSS rules: A }

div{ What is the width of any div elements on a 750px


width: 80%; screen?
}
@media all and (min-width: 500px){ A. 100%
div{ B. 80%
width: 25%; C. 25%
} D. The div won't display since media queries must go at
} the bottom of the screen.
180. Consider the following CSS rule: A
What is the width of any div elements on a 350px
screen?
div{
width: 80%;
A. 80%
}
B. 25%
@media print {
C. 100%
div{
178. Consider the following CSS rules: C width: 25%;
}
div{ }
width: 80%;
} Which of the following is a true statement?
@media all and (min-width: 500px){ A. The div elements will have a width of 25% only when
div{ the page is printed
width: 25%; B. The div elements will have a width of 80% only
} when the page is printed
} C. The div elements will only visible only when the
page is printed
What is the width of any div elements on a 750px
181. Which of the following code segments will keep A
screen?
people from being able to zoom in or out on your
content?
A. 100%
B. 80%
A. <meta name = 'viewport' content='width=device-
C. 25%
width, initial-scale=1, maximum-scale = 1'>
B. <meta name = 'viewport' content='width=device-
width, initial-scale=1'>
C. It is impossible to lock the zoom ability
182. Which of the following would be used to create class B 188. Which of the following is a deprecated media type -- B
called button which has a width of 750px, a height of meaning they are omitted in later versions. (You will
30px and the color of the text is black? need to search for this online it is not in the notes. But
a lot of what you do with web design will require a
A. #button { little searching!)
height: 30px;
width: 750px; A. all
text: black; } B. braille
B. .button { C. speech
height: 30px; D. print
width: 750px; E. screen
color: black; }
189. Break points often correspond with common screen A
C. #button { height: 30px;
sizes for phones, tablets, and laptops.
width: 750px;
color: black; }
A. True
D. .button { height: 30px;
B. True
width: 750px;
text: black; } 190. The Bootstrap 3 grid system is based on how many A
columns?
183. Which term is used to define the different viewport B
sizes that trigger media queries?
-12

A. meta
A. True
B. breakpoint
B. True
C. wireframe
D. media-query size 191. Which snippet of CSS is commonly used to center an C
element horizontally?
184. Wireframes should... C
A. site-align: center;
A. specify the layout of your pages
B. margin: auto 0;
B. specify the layout, color, and content of your pages
C. margin: 0 auto;
C. specify the layout and content of your pages
D. margin: center;
185. A key component of your wireframes should test A
192. True or False, Boostrap is mobile-first A

A. interaction
A. True
B. color schemes
B. True
C. code syntax
193. A standard navigation pill is created with: D
186. Give an example screen width size for a mobile phone A
using pixels. (Just provide a number, and not the px!!!)
A.
<ul class="nav pills">
-480
B.
<nav class="nav nav-pills">
A. True
C
B. False
<ul class="nav-pills">
187. Give an example screen width size for a mobile phone B D
using pixels. (Just provide a number, and not the px!!!) <ul class="nav nav-pills">
194. True or False, the Bootstrap grid system works across A
-250
multiple devices.

A. True
A. True
B. False
B. True
195. Which of the following bootstrap classes are used to D 200. Consider the following code using Bootstrap 3: C
create a justified tabs navigation? (Reminder, "justified" <div class = "col-sm-2 col-lg-4">
means that they grow/shrink to take up the full width
of the screen.) In an xs viewport the div will be _____ columns wide.

A. <ul class="nav nav-tabs"> A. 3


B. <ul class="nav nav-tabs nav-stacked"> B. 7
C. <ul class="nav nav-tabs justified"> C. 12
D. <ul class="nav nav-tabs nav-justified"> D. None
196. Which of the following bootstrap classes are used to C 201. Consider the following code using Bootstrap 3: B
add a dropdown menu? <div class = "col-sm-2 col-lg-4">

A. <ul class="nav nav-pills dropdown"> In an lg viewport the div will be _____ columns wide.
B. <nav class="dropdown-menu">
C. <ul class="dropdown-menu"> A. 3
B. 4
197. Consider the following code using Bootstrap 3: C
C. 12
D. None
<div class = "col-md-3 col-lg-7">
202. Consider the following code using Bootstrap 3: B
In an xs viewport the div will be _____ columns wide.
<div class = "col-sm-6 col-lg-4">
A. 3
B. 7 In a sm viewport the div will be _____ columns wide.
C. 12
D. None A. 4
B. 6
198. Consider the following code using Bootstrap 3: C
C. 12
D. None
<div class = "col-md-3 col-lg-7">
203. Consider the following code using Bootstrap 3: B
In a sm viewport the div will be _____ columns wide.
<div class = "col-sm-8 col-lg-4">
A. 3 In a md viewport the div will be _____ columns wide.
B. 7
C. 12 A. 4
D. None B. 8
C. 12
199. Consider the following code using Bootstrap 3: A
D. None
<div class = "col-md-3 col-lg-7"> 204. Consider the following code using Bootstrap 3: A

In a md viewport the div will be _____ columns wide. <div class = "col-lg-2 col-sm-5">
In a lg viewport the div will be _____ columns wide.
A. 3
B. 7 A. 2
C. 12 B. 5
D. None C. 12
D. None
205. Consider the following code using Bootstrap 3: C 212. This may seem like an odd question, but I am going to A
ask you what the URL is for the Bootstrap 3 website.
<div class = "col-md-5 col-lg-2"> - getbootstrap.com
In a sm viewport the div will be _____ columns wide.
A. True
A. 2 B. False
B. 5
213. If you are using an editor (not CodePen) you will need D
C. 12
to reference Bootstrap resources where?
D. None
206. Consider the following code using Bootstrap 3: C A. In the head element - with a link to the css and js
files
<div class = "col-sm-7 col-lg-2"> B. In the body with a link to jQuery and JavaScript
In an xs viewport the div will be _____ columns wide. C. In the body section - with a link to the css and js
files
A. 2 D. In the head element - with a link to the css - and
B. 7 again at the bottom of the body with a link to jQuery
C. 12 and JavaScript
D. None
214. Designing multiple pages, one for each type of major A
207. True or false, Bootstrap is a framework for back-end B device (phone, tablet, laptop, and desktop) is called
web development.
A. Adaptive Design
A. True B. the .m paradigm
B. False C. Multi-site design
208. True or false, Bootstrap is a framework for front-end A 215. Consider the following code where the font-size of a D
web development. div is 32px, the font-size of a paragraph is .5em, and
the font size of a span element is .5em.
A. True
B. False <div>
<p>
209. Bootstrap uses ... A
Here, there.. How big is the <span>font</span>?
<p>
A. HTML, CSS, and JavaScript
</div>
B. HTML & CSS
What is the font-size of the span element in px?
C. CSS
(Looking for a numeric answer only, no
D. JavaScript
measurements.)
E. HTML
210. Which of the following is a benefit of using the A A. 32
Bootstrap CDN? B. 5
C. 0.5
A. You always are linked to the latest Bootstrap code. D. 8
B. You are able to customize the Bootstrap values
which you can not do with a local version of the code.
C. Using the CDN is the only way to use Bootstrap for
free.
211. True or False, with Bootstrap you need to change your A
HTML code to utilize the Bootstrap classes.

A. True
B. False
216. Consider the following CSS rules: B 220. Which of the following code segments will create two C
equal columns?
div{
width: 25%; A.
} <div class="row">
@media all and (min-width: 500px){ <div class="col-sm-4">.col-sm-4</div>
div{ <div class="col-sm-8">.col-sm-8</div>
width: 50%; </div>
}
} B.
What is the width of any div elements on a 450px <div class="row">
screen? <div class="col-sm-4">.col-sm-4</div>
<div class="col-sm-4">.col-sm-4</div>
A. 100% <div class="col-sm-4">.col-sm-4</div>
B. 25% </div>
C. 50%
C.
217. Which Bootstrap class will apply a striped look to a A
<div class="row">
Bootstrap table?
<div class="col-sm-6">.col-sm-4</div>
<div class="col-sm-6">.col-sm-4</div>
A. .table-striped
</div>
B. table-striped
C. .table.striped
D.
218. If you created a site with a Bootstrap drop-down menu C <div class="row">
and it is visible, but not functioning, the problem is <div class="col-sm-2">.col-sm-4</div>
probably with... <div class="col-sm-8">.col-sm-4</div>
<div class="col-sm-2">.col-sm-4</div>
A. The link to the Bootstrap HTML code. </div>
B. The link to the Bootstrap CSS code.
221. What is the logical operator for AND? &&
C. The link to the Bootstrap JavaScript code.
222. JavaScript code must be placed in the <head> section B
219. Which of the following is a recommended way to A
of the document.
incorporate Bootstrap into your code?

A. True
A. Use a link to the Content Delivery Network
B. False
B. Use a link to the Bootstrap 3 site.
223. Which is the correct syntax to change the contents of A
the HTML element below?

<p id = "quiz">This is a quiz. </p>

A. document.getElementById('quiz').innerHTML = "New
content!";
B.
document.getElementsByTagName('p').innerHTML("New
content!");
C. document.getElementsByTagName('p').innerHTML =
"New content!";
D. document.getElementById('quiz').innerHTML("New
content!");
224. Where can you put JavaScript? C

A. Just in the <head> section


B. Just in the <body> section
C. In the head and body section
225. Which word is used to define a function in JavaScript? C 232. Assume you have a page with four paragraph tags, one A
of which has the id "second". What is the proper
A. func JavaScript code to change the content of that
B. script paragraph to "What does the Fox say?"
C. function Note:
D. define The quotes shouldn't be part of the value.
Please end the line of code with a semicolon.
226. If a function is defined twice, the first declaration will B
Note, you can't assume that this is the second
be called when used.
paragraph.
A. True
A. document.getElementById("second").innerHTML =
B. False
"What does the Fox say?";
227. A function can be called multiple times in a single file. A B. document.getElementByClass("second").innerHTML
= "What does the Fox say";
A. True C. document.getElementByID("second").innerHTML =
B. False "What does the Fox say";
228. You can define a function without calling it. A D. document.getElementById("second").print="What
does the Fox say";
A. True 233. Assume you have a page with four paragraph tags. A
B. False What is the proper JavaScript code to change the
229. You can call a function without it being defined. B content of the second paragraph to "What does the
Fox say?"
A. True
B. False A. document.getElementsByTagName('p')
[1].innerHTML = "What does the Fox say?"
230. Built-in JavaScript functions (alert, prompt, etc) cannot B
B. document.getElementById('p')[2].innerHTML =
be mixed in with other HTML code unless you use the
"What does the Fox say?"
script tag.
C. document.getElementsByTagName('p').innerHTML =
"What does the Fox say?"
A. True
D. document.getElementByTagName('p')[2].innerHTML
B. False
= "What does the Fox say?"
231. Conditional statements change the flow of execution A E. document.getElementById('second').innerHTML =
in a program — the "next" line of code in the program "What does the Fox say?"
is not always the next one that is executed.
234. How do you properly access the third element in an D
array variable named "fruit"?
A. True
B. False
A. [fruit]3
B. fruit[3]
C. fruit_3
D. None of the above
235. How do you properly access the first element in an A
array variable named "fruit"

A. fruit[0]
B. fruit[1]
C. [fruit]0
D. fruit_0
E. None of the above.
236. Where can you put JavaScript? E 241. Consider the following code: C

A) In the <head> section <body>


B) In the <body> section <p> This is paragraph one </p>
C) In an external file <p onclick = "Hello()"> This is paragraph two </p>
D) In B) and C) above </body>
E) In A), B) and C) above The function Hello() will be called every time:
237. Which attribute is used to link to an external D
A) The user clicks on any paragraph on the page
JavaScript file?
B) The user places his/her mouse over any paragraph
on the page
A. script; e.g., script = "extFile.js"
C) The user clicks on the second paragraph on the
B. href; e.g., href = "extFile.js"
page
C. file; e.g., file = "extFile.js"
D) A and C
D. src; e.g., src = "extFile.js"
E) The function is never called.
238. Which is the best/proper way to declare that your E
242. What is wrong with this function definition? C
page uses the HTML5 protocol?

function Hello();{
A <!html>
alert("Hello");
B <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
document.write("Hello on the screen");
5.01//EN" "http://www.w3.org/TR/html5/strict.dtd">
}
C <!DOCTYPE>
D <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
A. The fact that you are outputting the message twice
4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
B. You can't use document.write after using an alert.
E <!DOCTYPE html>
C. The semicolon after Hello()
239. Which is the best/proper way to declare that the A
243. Assume that this code is linked together correctly. A
language for your page is English?

p{
A <html lang="en">
color: red;
B <html lang=en>
padding:10px 5px;
C <html lang="english">
background: black;}
D <lang="english">
E <lang="en">
.fancy{
240. Which of the following best defines the relationship B font-family: cursive;
between defining a function and calling a function? background: red;
color: green;}
A. A function can be defined multiple times in a single
file .plain{
B. A function can be called multiple times in a single font-family: Times, serif;
file. color: black;}

<p>Hi</p>

What color font is used to display "Hi"?

A. red
B. green
C. black
D. browser default
244. This is probably a typo, why? A 249. Assume that this code is linked together correctly. C

.body{ p{
margin: 10px;} color: red;
padding:10px 5px;
A. The period in front of the word body means the background: black;
browser will look for a class called body, not the }
element. .fancy{
B. The period in front of the word body means the font-family: cursive;
browser will look for an id called body, not the background: red;
element. color: green;
}
245. What is true about this code? D
.plain{
font-family: Times, serif;
<p class = "fancy box"> ....</p>
color: black;
}
A. It is not legal to have two words ("fancy box")
<p class = "plain fancy">Hi</p>
within the class.
What color font is used to display "Hi"?
B. The fancy styling will take precedence over the
box styling.
A. red
C. The box styling will take precedence over the
B. green
fancy styling.
C. black
D. From this code, you can't know which styling will
D. browser default
take precedence.
250. Assume that this code is linked together correctly. C
246. The class selectors are part of the DOM A

p{
A. True
color: red;
B.False
padding:10px 5px;
247. The id selectors are part of the DOM. A background: black;
}
A. True .fancy{
B.False font-family: cursive;
248. Descendant selectors B background: red;
color: green;
nav a{ }
.... .plain{
} font-family: Times, serif;
are more specific than child selectors color: black;
nav>a{ }
.... <p class = "fancy plain">Hi</p>
} What color font is used to display "Hi"?

A. True A. red
B.False B. green
C. black
D. browser default
251. In the following code snippet, what value is given for D 258. Which of the following is the proper syntax for a D
the left margin? pseudo-class?

margin: 5px 10px 3px 8px; A. selector->pseudo-class {


property:value;
A. 5px }
B. 10px B. selector::pseudo-class {
C. 3px property:value;
D. 8px }
C. :pseudo-class {
252. Given this rule:div{border-width:10px 5px;}what is the 5
property:value;
width of the right border?
}
253. Which of the following is NOT a browser prefix? A D. selector:pseudo-class {
property:value;
A. edge }
B. moz
259. What is wrong with this code? B
C. webkit
D. o
div{
254. Descendant selectors A position: relative;
left: 10px;}
nav a{
.... A. The code works, but the left property is not
} necessary since static elements don't allow offsets
are more general than child selectors B. There is nothing wrong with this codeC. "relative" is
nav>a{ not a valid option for position
...
260. Which of the following rules styles the first paragraph B
}
in each div?
A. True
A. div p{
B.False
color: blue;
255. The margin is the space between elements. A }
B. div p:first-child {
A. True color: blue;
B.False }
256. The default value for the position property is: D C. div:first-child p{
color: blue;
A. absolute }
B. relative D. div > p{
C. fixed color: blue;
D. static }

257. What is wrong with this code? A 261. Which CSS3 property allows you to change property B
values smoothly over a given duration?
div{
position: static; A. focus
left: 10px; B. transistion
} C. change
D. hover
A. The code works, but the left property is not
necessary since static elements don't allow offsets
B. There is nothing wrong with this code
C. "relative" is not a valid option for positon
262. Sometimes elements overlap one another. Which property specifies the stacking order of the elements? (A high value A
means it is more likely to be place in front of another.) ONLY PROVIDE THE PROPERTY, NOT A VALUE.

A. z-side
B. x-side
C. y-side

You might also like