WGU C777 Web Development Applications PA and OA Exam Bank
2026/2027 | WGU C777 Objective Assessment & Performance
Assessment Study Guide, Web Development Applications Exam Prep,
HTML5, CSS3, JavaScript, DOM, APIs, Responsive Web Design,
Forms, Validation, Accessibility, Web Standards, Practice Questions,
Answers & Rationales
Question 1: A web developer wants to create a numbered list of steps in a
procedure. Which HTML element should be used?
A. <ul>
B. <ol>
C. <dl>
D. <list>
CORRECT ANSWER: B. <ol>
Rationale: The <ol> element represents an ordered list, which is appropriate for
sequences where order matters, such as step-by-step instructions. The <ul>
element creates an unordered bulleted list, <dl> creates a description list for
term-definition pairs, and <list> is not a valid HTML element.
Question 2: Which HTML5 semantic element is most appropriate for content
that is tangentially related to the main content, such as a sidebar or callout box?
A. <section>
B. <article>
C. <aside>
D. <div>
CORRECT ANSWER: C. <aside>
Rationale: The <aside> element represents content indirectly related to the main
content, commonly used for sidebars, pull quotes, or advertising. <section>
groups thematic content, <article> represents self-contained compositions, and
<div> is a generic container with no semantic meaning.
Question 3: What is the primary purpose of the <!DOCTYPE html> declaration at
the beginning of an HTML5 document?
,A. To define the character encoding of the document
B. To tell the browser which version of HTML the page uses
C. To link the document to an external stylesheet
D. To declare the document's title
CORRECT ANSWER: B. To tell the browser which version of HTML the page uses
Rationale: The <!DOCTYPE html> declaration informs the browser that the
document is written in HTML5, ensuring the page renders in standards mode.
Character encoding is set with <meta charset>, stylesheets are linked with <link>,
and the title is defined within <title> tags.
Question 4: Which HTML element provides autocomplete suggestions for a text
input field by offering a list of predefined options?
A. <select>
B. <datalist>
C. <optgroup>
D. <output>
CORRECT ANSWER: B. <datalist>
Rationale: The <datalist> element contains a set of <option> elements that
represent predefined suggestions for an <input> field, providing autocomplete
functionality. <select> creates a dropdown menu, <optgroup> groups options
within a select, and <output> displays calculated results.
Question 5: A developer needs to embed a video that plays automatically when
the page loads and repeats continuously. Which combination of attributes
should be used?
A. autoplay and loop
B. controls and muted
C. preload and poster
D. src and type
CORRECT ANSWER: A. autoplay and loop
Rationale: The autoplay attribute causes the video to begin playing as soon as
possible, and the loop attribute makes it restart automatically upon completion.
,The controls attribute displays playback controls, muted silences audio, preload
hints at buffering strategy, and poster specifies an image shown before playback.
Question 6: Which HTML5 input type provides built-in validation for email
addresses?
A. type="text"
B. type="email"
C. type="url"
D. type="search"
CORRECT ANSWER: B. type="email"
Rationale: The type="email" input validates that the entered value conforms to
the format of an email address. type="text" provides no validation, type="url"
validates URL format, and type="search" behaves like text but with search-specific
styling.
Question 7: What is the correct way to associate a <label> element with a
specific form input for accessibility purposes?
A. Place the input inside the label element
B. Use the for attribute matching the input's id
C. Use the name attribute matching the input's name
D. Both A and B are correct
CORRECT ANSWER: D. Both A and B are correct
Rationale: A label can be associated with an input either by nesting the input
inside the label element or by using the for attribute with a value matching the
input's id. Using the name attribute does not create a programmatic association
between label and input.
Question 8: Which global attribute makes an element draggable in HTML5?
A. drag
B. draggable
C. drop
D. dragstart
CORRECT ANSWER: B. draggable
, Rationale: The draggable global attribute, when set to "true", makes an element
draggable using the HTML5 Drag and Drop API. drag, drop, and dragstart are
event handlers, not attributes.
Question 9: A developer wants to display a scalar measurement within a known
range, such as disk usage. Which element should be used?
A. <progress>
B. <meter>
C. <output>
D. <gauge>
CORRECT ANSWER: B. <meter>
Rationale: The <meter> element represents a scalar value within a known range,
such as disk usage or a test score. <progress> represents completion progress of a
task, <output> displays calculated results, and <gauge> is not a valid HTML
element.
Question 10: Which attribute on an <img> element provides alternative text for
accessibility and when images fail to load?
A. title
B. alt
C. longdesc
D. caption
CORRECT ANSWER: B. alt
Rationale: The alt attribute provides a textual alternative for images, essential for
screen readers and displayed when images cannot load. The title attribute offers
advisory information shown as a tooltip, longdesc is deprecated, and caption is
used with tables.
Question 11: Which CSS selector has the highest specificity?
A. Inline style
B. ID selector
C. Class selector
D. Element selector
2026/2027 | WGU C777 Objective Assessment & Performance
Assessment Study Guide, Web Development Applications Exam Prep,
HTML5, CSS3, JavaScript, DOM, APIs, Responsive Web Design,
Forms, Validation, Accessibility, Web Standards, Practice Questions,
Answers & Rationales
Question 1: A web developer wants to create a numbered list of steps in a
procedure. Which HTML element should be used?
A. <ul>
B. <ol>
C. <dl>
D. <list>
CORRECT ANSWER: B. <ol>
Rationale: The <ol> element represents an ordered list, which is appropriate for
sequences where order matters, such as step-by-step instructions. The <ul>
element creates an unordered bulleted list, <dl> creates a description list for
term-definition pairs, and <list> is not a valid HTML element.
Question 2: Which HTML5 semantic element is most appropriate for content
that is tangentially related to the main content, such as a sidebar or callout box?
A. <section>
B. <article>
C. <aside>
D. <div>
CORRECT ANSWER: C. <aside>
Rationale: The <aside> element represents content indirectly related to the main
content, commonly used for sidebars, pull quotes, or advertising. <section>
groups thematic content, <article> represents self-contained compositions, and
<div> is a generic container with no semantic meaning.
Question 3: What is the primary purpose of the <!DOCTYPE html> declaration at
the beginning of an HTML5 document?
,A. To define the character encoding of the document
B. To tell the browser which version of HTML the page uses
C. To link the document to an external stylesheet
D. To declare the document's title
CORRECT ANSWER: B. To tell the browser which version of HTML the page uses
Rationale: The <!DOCTYPE html> declaration informs the browser that the
document is written in HTML5, ensuring the page renders in standards mode.
Character encoding is set with <meta charset>, stylesheets are linked with <link>,
and the title is defined within <title> tags.
Question 4: Which HTML element provides autocomplete suggestions for a text
input field by offering a list of predefined options?
A. <select>
B. <datalist>
C. <optgroup>
D. <output>
CORRECT ANSWER: B. <datalist>
Rationale: The <datalist> element contains a set of <option> elements that
represent predefined suggestions for an <input> field, providing autocomplete
functionality. <select> creates a dropdown menu, <optgroup> groups options
within a select, and <output> displays calculated results.
Question 5: A developer needs to embed a video that plays automatically when
the page loads and repeats continuously. Which combination of attributes
should be used?
A. autoplay and loop
B. controls and muted
C. preload and poster
D. src and type
CORRECT ANSWER: A. autoplay and loop
Rationale: The autoplay attribute causes the video to begin playing as soon as
possible, and the loop attribute makes it restart automatically upon completion.
,The controls attribute displays playback controls, muted silences audio, preload
hints at buffering strategy, and poster specifies an image shown before playback.
Question 6: Which HTML5 input type provides built-in validation for email
addresses?
A. type="text"
B. type="email"
C. type="url"
D. type="search"
CORRECT ANSWER: B. type="email"
Rationale: The type="email" input validates that the entered value conforms to
the format of an email address. type="text" provides no validation, type="url"
validates URL format, and type="search" behaves like text but with search-specific
styling.
Question 7: What is the correct way to associate a <label> element with a
specific form input for accessibility purposes?
A. Place the input inside the label element
B. Use the for attribute matching the input's id
C. Use the name attribute matching the input's name
D. Both A and B are correct
CORRECT ANSWER: D. Both A and B are correct
Rationale: A label can be associated with an input either by nesting the input
inside the label element or by using the for attribute with a value matching the
input's id. Using the name attribute does not create a programmatic association
between label and input.
Question 8: Which global attribute makes an element draggable in HTML5?
A. drag
B. draggable
C. drop
D. dragstart
CORRECT ANSWER: B. draggable
, Rationale: The draggable global attribute, when set to "true", makes an element
draggable using the HTML5 Drag and Drop API. drag, drop, and dragstart are
event handlers, not attributes.
Question 9: A developer wants to display a scalar measurement within a known
range, such as disk usage. Which element should be used?
A. <progress>
B. <meter>
C. <output>
D. <gauge>
CORRECT ANSWER: B. <meter>
Rationale: The <meter> element represents a scalar value within a known range,
such as disk usage or a test score. <progress> represents completion progress of a
task, <output> displays calculated results, and <gauge> is not a valid HTML
element.
Question 10: Which attribute on an <img> element provides alternative text for
accessibility and when images fail to load?
A. title
B. alt
C. longdesc
D. caption
CORRECT ANSWER: B. alt
Rationale: The alt attribute provides a textual alternative for images, essential for
screen readers and displayed when images cannot load. The title attribute offers
advisory information shown as a tooltip, longdesc is deprecated, and caption is
used with tables.
Question 11: Which CSS selector has the highest specificity?
A. Inline style
B. ID selector
C. Class selector
D. Element selector
