WGU C777108 Questions with Correct Answers
What is a characteristic of a web page with responsive design? - ANS-The ability to
resize to the screen size
Which language provides dynamic content for a web page across all browsers? - ANS-
JavaScript
Which type of content should use an <aside>? - ANS-News feeds
Which element should a developer use for a bulleted list? - ANS-<ul>
What does an HTML5 code validator confirm about code? - ANS-It complies with a
standard
A web developer needs to play an audio file endlessly.
The developer writes the following HTML code:
<audio>
<source src = "media/audio.ogg" type="audio/ogg" />
</audio>
Which attribute should this developer use? - ANS-loop
Which attribute is used to display an image inside a <video> element before the video
starts playing? - ANS-poster
Which style sheet code defines the 18-pixel Arial font for all level two headers? - ANS-
h2 {
font-family: Arial; font-size: 18px;
}
Given the following CSS code:
body {
color : white;
}
Which part of an element is affected by the color property? - ANS-Text
What should be added first when embedding CSS in a single web page as an internal
style sheet? - ANS-A <style> element to the <head> section
What is the first character a developer should use for an id selector in CSS? - ANS-#
, A developer has an image that needs to remain in the same place when the page is
scrolled.
Which CSS positioning scheme should this developer use? - ANS-Fixed
A developer needs two pixels of space on the left side of content relative to the border.
Which CSS property should this developer use? - ANS-padding-left: 2px;
What immediately encloses the padding in the CSS box model? - ANS-Border
What is the outermost box of the CSS box model? - ANS-Margin
Which markup positions an image so that the lower part of it is even with the lower part
of adjoining text? - ANS-<img src="sample.jpg" vertical-align="baseline">
Which syntax for a CSS class floats images to the right? - ANS-.floatright {
float: right; margin: 7px;
}
Which CSS transition should be used on an image to make it ease in when a user's
mouse hovers over that image? - ANS-transition-timing-function
Which CSS property should a developer use to specify the bottom of a 3D element? -
ANS-perspective-origin
A web designer creates the following animation by using CSS3:
#texteffect {
position: relative;
animation-name: scroll;
animation-duration: 5s;
animation-timing-function: linear;
animation-play-state: running;
}
@keyframes scroll {
from {left: 0px;}
to {left: 200px;}
}
How does the content of the element move when the page loads? - ANS-From left to
right one time
A web page includes the following CSS code:
What is a characteristic of a web page with responsive design? - ANS-The ability to
resize to the screen size
Which language provides dynamic content for a web page across all browsers? - ANS-
JavaScript
Which type of content should use an <aside>? - ANS-News feeds
Which element should a developer use for a bulleted list? - ANS-<ul>
What does an HTML5 code validator confirm about code? - ANS-It complies with a
standard
A web developer needs to play an audio file endlessly.
The developer writes the following HTML code:
<audio>
<source src = "media/audio.ogg" type="audio/ogg" />
</audio>
Which attribute should this developer use? - ANS-loop
Which attribute is used to display an image inside a <video> element before the video
starts playing? - ANS-poster
Which style sheet code defines the 18-pixel Arial font for all level two headers? - ANS-
h2 {
font-family: Arial; font-size: 18px;
}
Given the following CSS code:
body {
color : white;
}
Which part of an element is affected by the color property? - ANS-Text
What should be added first when embedding CSS in a single web page as an internal
style sheet? - ANS-A <style> element to the <head> section
What is the first character a developer should use for an id selector in CSS? - ANS-#
, A developer has an image that needs to remain in the same place when the page is
scrolled.
Which CSS positioning scheme should this developer use? - ANS-Fixed
A developer needs two pixels of space on the left side of content relative to the border.
Which CSS property should this developer use? - ANS-padding-left: 2px;
What immediately encloses the padding in the CSS box model? - ANS-Border
What is the outermost box of the CSS box model? - ANS-Margin
Which markup positions an image so that the lower part of it is even with the lower part
of adjoining text? - ANS-<img src="sample.jpg" vertical-align="baseline">
Which syntax for a CSS class floats images to the right? - ANS-.floatright {
float: right; margin: 7px;
}
Which CSS transition should be used on an image to make it ease in when a user's
mouse hovers over that image? - ANS-transition-timing-function
Which CSS property should a developer use to specify the bottom of a 3D element? -
ANS-perspective-origin
A web designer creates the following animation by using CSS3:
#texteffect {
position: relative;
animation-name: scroll;
animation-duration: 5s;
animation-timing-function: linear;
animation-play-state: running;
}
@keyframes scroll {
from {left: 0px;}
to {left: 200px;}
}
How does the content of the element move when the page loads? - ANS-From left to
right one time
A web page includes the following CSS code:
