WGU C777 Web Development Applications OA V1 & V2 |
Complete Practice Questions & Detailed Explanations
2026/2027
Question 1
Which HTML5 semantic element defines the main body of a document
and cannot be the child of the header, nav, article, aside, or footer
elements?
• A. <section>
• B. <main>
• C. <article>
• D. <div>
Correct Answer: B. <main>
Detailed Rationale: The <main> element specifies the dominant
content of the body of a document. It must be unique to the document
and cannot be a descendant of header, nav, article, aside, or footer
elements.
Question 2
What attribute should a web developer use with the HTML5 <video>
element to display an image before the video starts playing?
• A. autoplay
• B. preload
• C. poster
, • D. controls
Correct Answer: C. poster
Detailed Rationale: The poster attribute specifies an image that is
shown while the video is downloading, or until the user hits the play
button.
Question 3
Which attribute is required for an HTML5 <audio> or <video> element
to display playback controls like play, pause, and volume?
• A. autoplay
• B. controls
• C. loop
• D. muted
Correct Answer: B. controls
Detailed Rationale: The controls attribute instructs the browser to
display built-in video or audio controls such as a play/pause button,
progress bar, and volume controls.
Question 4
Which CSS3 property can be used to create rounded corners on an
element, such as an image or a box?
• A. border-style
• B. border-collapse
• C. border-radius
• D. corner-radius
,Correct Answer: C. border-radius
Detailed Rationale: The border-radius property allows web developers
to easily style rounded corners on elements without needing image
slices.
Question 5
In the CSS box model, what is the space located between the element's
content and its border?
• A. Margin
• B. Padding
• C. Outline
• D. Offset
Correct Answer: B. Padding
Detailed Rationale: Padding creates space directly around the content,
inside the border. Margin creates space outside the border separating
the element from surrounding elements.
Question 6
Which CSS3 selector selects every instance of a specified element
whose specified attribute ends with a specific value?
• A. element[attribute^="value"]
• B. element[attribute$="value"]
• C. element[attribute*="value"]
• D. element[attribute="value"]
Correct Answer: B. element[attribute$="value"]
, Detailed Rationale: The [attribute$="value"] selector matches elements
where the value of the specified attribute ends with the given suffix.
The caret (^=) matches the beginning, and the asterisk (*=) matches
anywhere within the attribute value.
Question 7
Which CSS3 property can be used to apply a shadow effect to text?
• A. box-shadow
• B. text-shadow
• C. font-shadow
• D. element-shadow
Correct Answer: B. text-shadow
Detailed Rationale: The text-shadow property adds shadow effects to
text content, taking horizontal offset, vertical offset, blur radius, and
color as values.
Question 8
Which CSS positioning value causes an element to remain in the exact
same position relative to the browser window even when the page is
scrolled?
• A. absolute
• B. relative
• C. fixed
• D. static
Correct Answer: C. fixed
Complete Practice Questions & Detailed Explanations
2026/2027
Question 1
Which HTML5 semantic element defines the main body of a document
and cannot be the child of the header, nav, article, aside, or footer
elements?
• A. <section>
• B. <main>
• C. <article>
• D. <div>
Correct Answer: B. <main>
Detailed Rationale: The <main> element specifies the dominant
content of the body of a document. It must be unique to the document
and cannot be a descendant of header, nav, article, aside, or footer
elements.
Question 2
What attribute should a web developer use with the HTML5 <video>
element to display an image before the video starts playing?
• A. autoplay
• B. preload
• C. poster
, • D. controls
Correct Answer: C. poster
Detailed Rationale: The poster attribute specifies an image that is
shown while the video is downloading, or until the user hits the play
button.
Question 3
Which attribute is required for an HTML5 <audio> or <video> element
to display playback controls like play, pause, and volume?
• A. autoplay
• B. controls
• C. loop
• D. muted
Correct Answer: B. controls
Detailed Rationale: The controls attribute instructs the browser to
display built-in video or audio controls such as a play/pause button,
progress bar, and volume controls.
Question 4
Which CSS3 property can be used to create rounded corners on an
element, such as an image or a box?
• A. border-style
• B. border-collapse
• C. border-radius
• D. corner-radius
,Correct Answer: C. border-radius
Detailed Rationale: The border-radius property allows web developers
to easily style rounded corners on elements without needing image
slices.
Question 5
In the CSS box model, what is the space located between the element's
content and its border?
• A. Margin
• B. Padding
• C. Outline
• D. Offset
Correct Answer: B. Padding
Detailed Rationale: Padding creates space directly around the content,
inside the border. Margin creates space outside the border separating
the element from surrounding elements.
Question 6
Which CSS3 selector selects every instance of a specified element
whose specified attribute ends with a specific value?
• A. element[attribute^="value"]
• B. element[attribute$="value"]
• C. element[attribute*="value"]
• D. element[attribute="value"]
Correct Answer: B. element[attribute$="value"]
, Detailed Rationale: The [attribute$="value"] selector matches elements
where the value of the specified attribute ends with the given suffix.
The caret (^=) matches the beginning, and the asterisk (*=) matches
anywhere within the attribute value.
Question 7
Which CSS3 property can be used to apply a shadow effect to text?
• A. box-shadow
• B. text-shadow
• C. font-shadow
• D. element-shadow
Correct Answer: B. text-shadow
Detailed Rationale: The text-shadow property adds shadow effects to
text content, taking horizontal offset, vertical offset, blur radius, and
color as values.
Question 8
Which CSS positioning value causes an element to remain in the exact
same position relative to the browser window even when the page is
scrolled?
• A. absolute
• B. relative
• C. fixed
• D. static
Correct Answer: C. fixed
