S310 Final Comprehensive HTML Quiz
Review Answered 100% Correct
<a href="kelley.iu.edu" target="_blank">Kelley School of Business</a>
What does the code above do? - ANSWER-Opens the page in a new tab or window
A 'ul' element wouldn't be useful unless it contained one or more of these elements -
ANSWER-li
A <select> element would not be useful without one or more of these elements inside of
it - ANSWER-<option>
According to the video, it is best practice to include both the name and ID attributes for
every form input. What is true about these attributes? - ANSWER-Name is what the
server script will use to identify the field while ID is how JavaScript and CSS will identify
the field
Bootstrap allows you to create expandable and collapsible content on your pages
without having to write your own CSS rules. - ANSWER-True
Bootstrap is ____. - ANSWER-A set of CSS classes and JavaScript code
Can some elements contain other elements? - ANSWER-Yes
Consider the following code:
<body>
<p>This is HTML element 1</p>
<p>This is HTML element 2</p>
<div>This is HTML element 3</p>
</body>
If this CSS rule:
p {color: orange}
was included in the above HTML, which element(s) inside the body would have the
orange text? - ANSWER-Elements 1 and 2
Consider the following HTML element:
<input type="text" id="street">
Which of the following CSS rules would make the element span exactly halfway across
the form? - ANSWER-#street {width: 50%}
Consider the structure of an HTML5 table. Which of the following best describes how a
table is organized? - ANSWER-A table contains rows and each row contains cells
, Different documents can be linked together using the ___ element - ANSWER-<a>
Do the style rules in an external CSS file, like style.css need to be surrounded by
<style> ... </style> tags? - ANSWER-No
Examine the HTML and the CSS below.
<style>
#opening-paragraph { color: blue; }
.callout { color: red; }
</style>
<p id="opening-paragraph" class="callout">Breaking Story! Bloomington Indiana rated
as the number one place to live.</p>
Consider the order of precedence with CSS. The text in the paragraph on the page will
appear as which of the following colors? - ANSWER-Blue
Given the following code:
<body>
<p>This is HTML element 1</p>
<p>This is HTML element 2</p>
<div>This is HTML element 3</p>
If this CSS code was used...
body {color: crimson}
p {color: cream}
Which elements would be crimson? - ANSWER-Element 3
Given the following code...
<label for="???">Spouse</label>
<input type="text" id="spouse2">
What should we enter in place of ??? to associate the label with the input field? -
ANSWER-spouse2
Given the following CSS code, what would you put in a place of AAA so that these rules
apply only when the user's mouse is over a hyperlink?
AAA {background-color:red; color: white} - ANSWER-a:hover
Given the HTML below:
<p class="callout" >Sixty percent of the time it works every time.</p>
how would you select it by its Class in your CSS? - ANSWER-.callout{ }
Given the HTML below:
<p id="closing">Indiana University</p>
How would you select it by its ID in your CSS? - ANSWER-#closing{ }
How many columns make up a row in the Bootstrap grid system? - ANSWER-12
Review Answered 100% Correct
<a href="kelley.iu.edu" target="_blank">Kelley School of Business</a>
What does the code above do? - ANSWER-Opens the page in a new tab or window
A 'ul' element wouldn't be useful unless it contained one or more of these elements -
ANSWER-li
A <select> element would not be useful without one or more of these elements inside of
it - ANSWER-<option>
According to the video, it is best practice to include both the name and ID attributes for
every form input. What is true about these attributes? - ANSWER-Name is what the
server script will use to identify the field while ID is how JavaScript and CSS will identify
the field
Bootstrap allows you to create expandable and collapsible content on your pages
without having to write your own CSS rules. - ANSWER-True
Bootstrap is ____. - ANSWER-A set of CSS classes and JavaScript code
Can some elements contain other elements? - ANSWER-Yes
Consider the following code:
<body>
<p>This is HTML element 1</p>
<p>This is HTML element 2</p>
<div>This is HTML element 3</p>
</body>
If this CSS rule:
p {color: orange}
was included in the above HTML, which element(s) inside the body would have the
orange text? - ANSWER-Elements 1 and 2
Consider the following HTML element:
<input type="text" id="street">
Which of the following CSS rules would make the element span exactly halfway across
the form? - ANSWER-#street {width: 50%}
Consider the structure of an HTML5 table. Which of the following best describes how a
table is organized? - ANSWER-A table contains rows and each row contains cells
, Different documents can be linked together using the ___ element - ANSWER-<a>
Do the style rules in an external CSS file, like style.css need to be surrounded by
<style> ... </style> tags? - ANSWER-No
Examine the HTML and the CSS below.
<style>
#opening-paragraph { color: blue; }
.callout { color: red; }
</style>
<p id="opening-paragraph" class="callout">Breaking Story! Bloomington Indiana rated
as the number one place to live.</p>
Consider the order of precedence with CSS. The text in the paragraph on the page will
appear as which of the following colors? - ANSWER-Blue
Given the following code:
<body>
<p>This is HTML element 1</p>
<p>This is HTML element 2</p>
<div>This is HTML element 3</p>
If this CSS code was used...
body {color: crimson}
p {color: cream}
Which elements would be crimson? - ANSWER-Element 3
Given the following code...
<label for="???">Spouse</label>
<input type="text" id="spouse2">
What should we enter in place of ??? to associate the label with the input field? -
ANSWER-spouse2
Given the following CSS code, what would you put in a place of AAA so that these rules
apply only when the user's mouse is over a hyperlink?
AAA {background-color:red; color: white} - ANSWER-a:hover
Given the HTML below:
<p class="callout" >Sixty percent of the time it works every time.</p>
how would you select it by its Class in your CSS? - ANSWER-.callout{ }
Given the HTML below:
<p id="closing">Indiana University</p>
How would you select it by its ID in your CSS? - ANSWER-#closing{ }
How many columns make up a row in the Bootstrap grid system? - ANSWER-12
