2026/2027
WGU C777 Web Development
Applications Exam Prep and
Comprehensive Study Guide
2026/2027 for Final Assessment
Success and Practice Review
Question 1:
A web developer is designing a website intended to function properly on desktops,
tablets, and smartphones. Which characteristic best defines a web page that uses
responsive web design principles?
A. The page uses only static images and fixed-width layouts
B. The page automatically resizes and adjusts to different screen sizes
C. The page loads exclusively on mobile devices
D. The page prevents resizing to maintain layout consistency
Correct Answer: B. The page automatically resizes and adjusts to different
screen sizes
Rationale:
Responsive web design allows a webpage to dynamically adapt its layout, images, and
content to fit different screen dimensions and device resolutions. This ensures
usability and readability across desktops, tablets, and smartphones. Option A is
incorrect because fixed-width layouts are not responsive. Option C is incorrect
because responsive design supports multiple device types, not only mobile devices.
Option D is incorrect because responsive pages are specifically designed to resize and
reflow content as needed.
Question 2:
A developer wants to create dynamic and interactive content that functions
consistently across modern web browsers. Which programming language should be
used?
A. SQL
B. XML
C. JavaScript
D. XHTML
Correct Answer: C. JavaScript
,2026/2027
Rationale:
JavaScript is the primary scripting language used to create dynamic behavior on web
pages, including animations, form validation, and interactive user interfaces. It is
supported by all major browsers. SQL is used for database management, XML
structures data, and XHTML defines webpage markup rather than dynamic
interactivity.
Question 3:
A web developer wants to include supplementary information such as news feeds,
advertisements, or related links alongside the main webpage content. Which HTML5
semantic element is most appropriate?
A. <section>
B. <article>
C. <aside>
D. <footer>
Correct Answer: C. <aside>
Rationale:
The <aside> element is designed for content indirectly related to the primary content,
such as sidebars, advertisements, pull quotes, or news feeds. <section> organizes
thematic content, <article> contains self-contained compositions, and <footer>
defines footer information for a page or section.
Question 4:
A developer needs to create a bulleted list of items on a webpage. Which HTML
element should be used?
A. <ol>
B. <dl>
C. <ul>
D. <list>
Correct Answer: C. <ul>
Rationale:
The <ul> element creates an unordered list with bullet points. <ol> creates a
numbered list, <dl> defines a description list, and <list> is not a valid HTML element.
Question 5:
A web designer uses an HTML5 validator before publishing a website. What does the
validator primarily confirm?
,2026/2027
A. The webpage loads quickly
B. The code complies with established standards
C. The website contains no spelling errors
D. The website is protected from cyberattacks
Correct Answer: B. The code complies with established standards
Rationale:
HTML validators verify that code follows official standards established by
organizations such as the W3C. Standards compliance improves compatibility,
accessibility, and maintainability. Validators do not guarantee performance
optimization, spelling accuracy, or cybersecurity protection.
Question 6:
A developer wants an audio file to play continuously without stopping. Which
HTML5 audio attribute should be added to the <audio> element?
A. autoplay
B. controls
C. muted
D. loop
Correct Answer: D. loop
Rationale:
The loop attribute causes the audio to restart automatically after reaching the end of
playback. autoplay starts playback automatically, controls displays playback controls,
and muted silences audio output.
Question 7:
A web developer wants to display an image before a video begins playing. Which
attribute should be used within the <video> element?
A. thumbnail
B. preview
C. poster
D. preload
Correct Answer: C. poster
Rationale:
The poster attribute specifies an image displayed before video playback begins. This
improves user experience by providing a visual placeholder. thumbnail and preview
are not valid video attributes, while preload controls loading behavior rather than
displayed imagery.
, 2026/2027
Question 8:
Which CSS rule correctly defines all level-two headings as Arial font with a size of
18 pixels?
A.
h2 {font-size: Arial; font-family: 18px;}
B.
h2 {font-family: Arial; font-size: 18px;}
C.
h2 {text-style: Arial; text-size: 18px;}
D.
h2 {font: Arial 18;}
Correct Answer: B.
h2 {font-family: Arial; font-size: 18px;}
Rationale:
The correct CSS syntax uses font-family to define the typeface and font-size to
specify the text size. Option A incorrectly swaps the property values. Option C uses
invalid CSS properties, and Option D is incomplete shorthand syntax.
Question 9:
Given the following CSS rule:
body {
color: white;
}
Which part of the webpage is affected by the color property?
A. Borders
B. Backgrounds
C. Text
D. Margins
Correct Answer: C. Text
Rationale:
The CSS color property controls the color of text content within an element.
Backgrounds are controlled using background-color, borders use border-color, and
margins define spacing outside an element.
WGU C777 Web Development
Applications Exam Prep and
Comprehensive Study Guide
2026/2027 for Final Assessment
Success and Practice Review
Question 1:
A web developer is designing a website intended to function properly on desktops,
tablets, and smartphones. Which characteristic best defines a web page that uses
responsive web design principles?
A. The page uses only static images and fixed-width layouts
B. The page automatically resizes and adjusts to different screen sizes
C. The page loads exclusively on mobile devices
D. The page prevents resizing to maintain layout consistency
Correct Answer: B. The page automatically resizes and adjusts to different
screen sizes
Rationale:
Responsive web design allows a webpage to dynamically adapt its layout, images, and
content to fit different screen dimensions and device resolutions. This ensures
usability and readability across desktops, tablets, and smartphones. Option A is
incorrect because fixed-width layouts are not responsive. Option C is incorrect
because responsive design supports multiple device types, not only mobile devices.
Option D is incorrect because responsive pages are specifically designed to resize and
reflow content as needed.
Question 2:
A developer wants to create dynamic and interactive content that functions
consistently across modern web browsers. Which programming language should be
used?
A. SQL
B. XML
C. JavaScript
D. XHTML
Correct Answer: C. JavaScript
,2026/2027
Rationale:
JavaScript is the primary scripting language used to create dynamic behavior on web
pages, including animations, form validation, and interactive user interfaces. It is
supported by all major browsers. SQL is used for database management, XML
structures data, and XHTML defines webpage markup rather than dynamic
interactivity.
Question 3:
A web developer wants to include supplementary information such as news feeds,
advertisements, or related links alongside the main webpage content. Which HTML5
semantic element is most appropriate?
A. <section>
B. <article>
C. <aside>
D. <footer>
Correct Answer: C. <aside>
Rationale:
The <aside> element is designed for content indirectly related to the primary content,
such as sidebars, advertisements, pull quotes, or news feeds. <section> organizes
thematic content, <article> contains self-contained compositions, and <footer>
defines footer information for a page or section.
Question 4:
A developer needs to create a bulleted list of items on a webpage. Which HTML
element should be used?
A. <ol>
B. <dl>
C. <ul>
D. <list>
Correct Answer: C. <ul>
Rationale:
The <ul> element creates an unordered list with bullet points. <ol> creates a
numbered list, <dl> defines a description list, and <list> is not a valid HTML element.
Question 5:
A web designer uses an HTML5 validator before publishing a website. What does the
validator primarily confirm?
,2026/2027
A. The webpage loads quickly
B. The code complies with established standards
C. The website contains no spelling errors
D. The website is protected from cyberattacks
Correct Answer: B. The code complies with established standards
Rationale:
HTML validators verify that code follows official standards established by
organizations such as the W3C. Standards compliance improves compatibility,
accessibility, and maintainability. Validators do not guarantee performance
optimization, spelling accuracy, or cybersecurity protection.
Question 6:
A developer wants an audio file to play continuously without stopping. Which
HTML5 audio attribute should be added to the <audio> element?
A. autoplay
B. controls
C. muted
D. loop
Correct Answer: D. loop
Rationale:
The loop attribute causes the audio to restart automatically after reaching the end of
playback. autoplay starts playback automatically, controls displays playback controls,
and muted silences audio output.
Question 7:
A web developer wants to display an image before a video begins playing. Which
attribute should be used within the <video> element?
A. thumbnail
B. preview
C. poster
D. preload
Correct Answer: C. poster
Rationale:
The poster attribute specifies an image displayed before video playback begins. This
improves user experience by providing a visual placeholder. thumbnail and preview
are not valid video attributes, while preload controls loading behavior rather than
displayed imagery.
, 2026/2027
Question 8:
Which CSS rule correctly defines all level-two headings as Arial font with a size of
18 pixels?
A.
h2 {font-size: Arial; font-family: 18px;}
B.
h2 {font-family: Arial; font-size: 18px;}
C.
h2 {text-style: Arial; text-size: 18px;}
D.
h2 {font: Arial 18;}
Correct Answer: B.
h2 {font-family: Arial; font-size: 18px;}
Rationale:
The correct CSS syntax uses font-family to define the typeface and font-size to
specify the text size. Option A incorrectly swaps the property values. Option C uses
invalid CSS properties, and Option D is incomplete shorthand syntax.
Question 9:
Given the following CSS rule:
body {
color: white;
}
Which part of the webpage is affected by the color property?
A. Borders
B. Backgrounds
C. Text
D. Margins
Correct Answer: C. Text
Rationale:
The CSS color property controls the color of text content within an element.
Backgrounds are controlled using background-color, borders use border-color, and
margins define spacing outside an element.
