VERIFIED WGU C777 WEB
DEVELOPMENT ACTUAL
QUESTIONS AND CORRECT
VERIFIED ANSWERS
1. A developer is building a site navigation menu and wants the links recognized as a
navigation block by assistive technology. Which HTML5 element should be used?
A. <article>
B. <aside>
C. <nav>
D. <section>
Answer: C
The <nav> element is specifically designed for navigation links and identifies major
navigation blocks for assistive technology and SEO .
2. A web page renders in quirks mode and displays inconsistently across browsers. Which
issue should the developer check first?
A. Too many CSS links
B. Missing or incorrect DOCTYPE
C. Scripts only in the head
D. Missing viewport meta tag
,Answer: B
A missing or invalid DOCTYPE triggers quirks mode. HTML5 uses <!DOCTYPE html> to
ensure standards mode rendering .
3. A developer wants to display a self-contained blog post that could be distributed
independently. Which element is most appropriate?
A. <section>
B. <article>
C. <div>
D. <aside>
Answer: B
The <article> element represents independent, self-contained content such as a forum
post, magazine article, or blog entry .
4. A developer needs to provide autocomplete suggestions for an input field while still
allowing free text entry. Which element should be used?
A. <select>
B. <datalist>
C. <output>
D. <option>
Answer: B
The <datalist> element provides predefined autocomplete suggestions while still allowing
the user to type free text .
5. A developer wants to display the result of a calculation performed by JavaScript within a
form. Which HTML5 element is designed for this?
A. <output>
B. <result>
C. <calc>
D. <display>
Answer: A
The <output> element displays a value calculated from user input in a form .
, 6. A developer wants a form field to be announced properly when focused by a keyboard
user. Which association is required?
A. Missing name attribute only
B. Form method is GET
C. Type is text not email
D. Input associated with a label via for/id
Answer: D
Explicit label association via the for attribute matching the input's id is required for
accessible form controls .
7. A developer creates a Submit button that needs to include both text and an image.
Which element should be used?
A. <input type="submit">
B. <button type="button">
C. <input type="button">
D. <button type="submit">
Answer: D
The <button type="submit"> element can contain text and images, unlike <input
type="submit"> which only displays text .
8. A developer wants to select every <a> element whose href attribute value ends with .zip.
Which CSS selector is correct?
A. a[href*=".zip"]
B. a[href$=".zip"]
C. a[href^=".zip"]
D. a[href=".zip"]
Answer: B
The $= operator selects elements whose attribute value ends with the specified string .
9. A developer wants to apply a style to all elements with class="subject". Which selector is
correct?
DEVELOPMENT ACTUAL
QUESTIONS AND CORRECT
VERIFIED ANSWERS
1. A developer is building a site navigation menu and wants the links recognized as a
navigation block by assistive technology. Which HTML5 element should be used?
A. <article>
B. <aside>
C. <nav>
D. <section>
Answer: C
The <nav> element is specifically designed for navigation links and identifies major
navigation blocks for assistive technology and SEO .
2. A web page renders in quirks mode and displays inconsistently across browsers. Which
issue should the developer check first?
A. Too many CSS links
B. Missing or incorrect DOCTYPE
C. Scripts only in the head
D. Missing viewport meta tag
,Answer: B
A missing or invalid DOCTYPE triggers quirks mode. HTML5 uses <!DOCTYPE html> to
ensure standards mode rendering .
3. A developer wants to display a self-contained blog post that could be distributed
independently. Which element is most appropriate?
A. <section>
B. <article>
C. <div>
D. <aside>
Answer: B
The <article> element represents independent, self-contained content such as a forum
post, magazine article, or blog entry .
4. A developer needs to provide autocomplete suggestions for an input field while still
allowing free text entry. Which element should be used?
A. <select>
B. <datalist>
C. <output>
D. <option>
Answer: B
The <datalist> element provides predefined autocomplete suggestions while still allowing
the user to type free text .
5. A developer wants to display the result of a calculation performed by JavaScript within a
form. Which HTML5 element is designed for this?
A. <output>
B. <result>
C. <calc>
D. <display>
Answer: A
The <output> element displays a value calculated from user input in a form .
, 6. A developer wants a form field to be announced properly when focused by a keyboard
user. Which association is required?
A. Missing name attribute only
B. Form method is GET
C. Type is text not email
D. Input associated with a label via for/id
Answer: D
Explicit label association via the for attribute matching the input's id is required for
accessible form controls .
7. A developer creates a Submit button that needs to include both text and an image.
Which element should be used?
A. <input type="submit">
B. <button type="button">
C. <input type="button">
D. <button type="submit">
Answer: D
The <button type="submit"> element can contain text and images, unlike <input
type="submit"> which only displays text .
8. A developer wants to select every <a> element whose href attribute value ends with .zip.
Which CSS selector is correct?
A. a[href*=".zip"]
B. a[href$=".zip"]
C. a[href^=".zip"]
D. a[href=".zip"]
Answer: B
The $= operator selects elements whose attribute value ends with the specified string .
9. A developer wants to apply a style to all elements with class="subject". Which selector is
correct?
