WGU C777 exam with verified answers
| | | | |
What |is |a |characteristic |of |a |web |page |with |responsive |design? |- | |correct |answers |The |ability |
to |resize |to |the |screen |size
Which |language |provides |dynamic |content |for |a |web |page |across |all |browsers? |- | |correct |
answers |JavaScript
Which |type |of |content |should |use |an |<aside>? |- | |correct |answers |News |feeds
Which |element |should |a |developer |use |for |a |bulleted |list? |- | |correct |answers |<ul>
What |does |an |HTML5 |code |validator |confirm |about |code? |- | |correct |answers |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? |- | |correct |answers |loop
,Which |attribute |is |used |to |display |an |image |inside |a |<video> |element |before |the |video |starts |
playing? |- | |correct |answers |poster
Which |style |sheet |code |defines |the |18-pixel |Arial |font |for |all |level |two |headers? |- | |correct |
answers |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? |- | |correct |answers |Text
What |should |be |added |first |when |embedding |CSS |in |a |single |web |page |as |an |internal |style |
sheet? |- | |correct |answers |A |<style> |element |to |the |<head> |section
What |is |the |first |character |a |developer |should |use |for |an |id |selector |in |CSS? |- | |correct |answers
|#
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? |- | |correct |answers |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? |- | |correct |answers |padding-left: |2px;
What |immediately |encloses |the |padding |in |the |CSS |box |model? |- | |correct |answers |Border
What |is |the |outermost |box |of |the |CSS |box |model? |- | |correct |answers |Margin
Which |markup |positions |an |image |so |that |the |lower |part |of |it |is |even |with |the |lower |part |of |
adjoining |text? |- | |correct |answers |<img |src="sample.jpg" |vertical-align="baseline">
Which |syntax |for |a |CSS |class |floats |images |to |the |right? |- | |correct |answers |.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? |- | |correct |answers |transition-timing-function
Which |CSS |property |should |a |developer |use |to |specify |the |bottom |of |a |3D |element? |- | |correct |
answers |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; |
| | | | |
What |is |a |characteristic |of |a |web |page |with |responsive |design? |- | |correct |answers |The |ability |
to |resize |to |the |screen |size
Which |language |provides |dynamic |content |for |a |web |page |across |all |browsers? |- | |correct |
answers |JavaScript
Which |type |of |content |should |use |an |<aside>? |- | |correct |answers |News |feeds
Which |element |should |a |developer |use |for |a |bulleted |list? |- | |correct |answers |<ul>
What |does |an |HTML5 |code |validator |confirm |about |code? |- | |correct |answers |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? |- | |correct |answers |loop
,Which |attribute |is |used |to |display |an |image |inside |a |<video> |element |before |the |video |starts |
playing? |- | |correct |answers |poster
Which |style |sheet |code |defines |the |18-pixel |Arial |font |for |all |level |two |headers? |- | |correct |
answers |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? |- | |correct |answers |Text
What |should |be |added |first |when |embedding |CSS |in |a |single |web |page |as |an |internal |style |
sheet? |- | |correct |answers |A |<style> |element |to |the |<head> |section
What |is |the |first |character |a |developer |should |use |for |an |id |selector |in |CSS? |- | |correct |answers
|#
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? |- | |correct |answers |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? |- | |correct |answers |padding-left: |2px;
What |immediately |encloses |the |padding |in |the |CSS |box |model? |- | |correct |answers |Border
What |is |the |outermost |box |of |the |CSS |box |model? |- | |correct |answers |Margin
Which |markup |positions |an |image |so |that |the |lower |part |of |it |is |even |with |the |lower |part |of |
adjoining |text? |- | |correct |answers |<img |src="sample.jpg" |vertical-align="baseline">
Which |syntax |for |a |CSS |class |floats |images |to |the |right? |- | |correct |answers |.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? |- | |correct |answers |transition-timing-function
Which |CSS |property |should |a |developer |use |to |specify |the |bottom |of |a |3D |element? |- | |correct |
answers |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; |
