WGU C777 Objective Assessment Study
Guide 2026 | Web Development
Applications: Actual Exam Questions &
Verified Detailed Answers for Success
Which HTML element is most appropriate for defining the primary heading of a
webpage?
A. <head>
B. <title>
C. <h1>
D. <header>
**Answer: C. <h1>
Rationale: The <h1> element represents the highest-level heading within the page
content. The <head> contains document metadata, <title> defines the browser
title, and <header> identifies introductory or navigational content.
Which CSS property is used to change the background color of an element?
A. color
B. background-color
C. bg-color
D. background
**Answer: B. background-color
Rationale: The background-color property specifically sets an element's
background color. The color property controls text color.
Which JavaScript keyword declares a block-scoped variable whose value can be
reassigned?
,A. const
B. var
C. let
D. static
**Answer: C. let
Rationale: let creates a block-scoped variable and permits reassignment. const
is also block-scoped but cannot normally be reassigned, while var has function
scope.
Which HTML attribute provides alternative text for an image?
A. src
B. href
C. alt
D. title
**Answer: C. alt
Rationale: The alt attribute provides a textual alternative for an image. It is
particularly important for accessibility because screen readers can communicate
the alternative text to users who cannot see the image.
What does the CSS box model describe?
A. Only the dimensions of an image
B. The relationship among content, padding, border, and margin
C. The hierarchy of HTML elements
D. The order in which JavaScript executes
**Answer: B. The relationship among content, padding, border, and margin
Rationale: The CSS box model treats an element as a box consisting of content,
padding, border, and margin. Understanding these areas is essential for
controlling spacing and layout.
Which HTTP method is commonly used to retrieve data from a server?
,A. POST
B. GET
C. DELETE
D. PATCH
**Answer: B. GET
Rationale: GET is designed primarily for retrieving resources. POST commonly
submits data for processing or creates a resource, while PATCH modifies part of
an existing resource.
Which JavaScript method converts a JSON-formatted string into a JavaScript
object?
A. JSON.stringify()
B. JSON.parse()
C. JSON.convert()
D. JSON.object()
**Answer: B. JSON.parse()
Rationale: JSON.parse() converts valid JSON text into a JavaScript value,
commonly an object or array. JSON.stringify() performs the opposite
operation by converting a JavaScript value into a JSON string.
Which CSS declaration creates a flex container?
A. display: block;
B. position: flex;
C. display: flex;
D. flex: container;
**Answer: C. display: flex;
Rationale: Setting display: flex establishes a flex formatting context for an
element and enables flexible one-dimensional layout of its child elements.
What is the primary purpose of responsive web design?
, A. To eliminate JavaScript
B. To make websites adapt to different screen sizes and devices
C. To prevent users from resizing browsers
D. To ensure every page uses identical dimensions
**Answer: B. To make websites adapt to different screen sizes and devices
Rationale: Responsive design allows layouts, images, typography, and other
interface elements to adapt to different viewport sizes, improving usability across
desktops, tablets, and mobile devices.
Which HTML element is semantically appropriate for a group of primary
navigation links?
A. <nav>
B. <section>
C. <aside>
D. <article>
**Answer: A. <nav>
Rationale: The <nav> element identifies a section containing navigation links.
Semantic HTML helps browsers, assistive technologies, and developers understand
the purpose of page content.
What is the result of the following JavaScript expression?
typeof "Hello"
A. string
B. text
C. String
D. character
**Answer: A. string
Rationale: JavaScript's typeof operator returns "string" for a string
primitive.
Which CSS selector targets an element with the ID mainContent?
Guide 2026 | Web Development
Applications: Actual Exam Questions &
Verified Detailed Answers for Success
Which HTML element is most appropriate for defining the primary heading of a
webpage?
A. <head>
B. <title>
C. <h1>
D. <header>
**Answer: C. <h1>
Rationale: The <h1> element represents the highest-level heading within the page
content. The <head> contains document metadata, <title> defines the browser
title, and <header> identifies introductory or navigational content.
Which CSS property is used to change the background color of an element?
A. color
B. background-color
C. bg-color
D. background
**Answer: B. background-color
Rationale: The background-color property specifically sets an element's
background color. The color property controls text color.
Which JavaScript keyword declares a block-scoped variable whose value can be
reassigned?
,A. const
B. var
C. let
D. static
**Answer: C. let
Rationale: let creates a block-scoped variable and permits reassignment. const
is also block-scoped but cannot normally be reassigned, while var has function
scope.
Which HTML attribute provides alternative text for an image?
A. src
B. href
C. alt
D. title
**Answer: C. alt
Rationale: The alt attribute provides a textual alternative for an image. It is
particularly important for accessibility because screen readers can communicate
the alternative text to users who cannot see the image.
What does the CSS box model describe?
A. Only the dimensions of an image
B. The relationship among content, padding, border, and margin
C. The hierarchy of HTML elements
D. The order in which JavaScript executes
**Answer: B. The relationship among content, padding, border, and margin
Rationale: The CSS box model treats an element as a box consisting of content,
padding, border, and margin. Understanding these areas is essential for
controlling spacing and layout.
Which HTTP method is commonly used to retrieve data from a server?
,A. POST
B. GET
C. DELETE
D. PATCH
**Answer: B. GET
Rationale: GET is designed primarily for retrieving resources. POST commonly
submits data for processing or creates a resource, while PATCH modifies part of
an existing resource.
Which JavaScript method converts a JSON-formatted string into a JavaScript
object?
A. JSON.stringify()
B. JSON.parse()
C. JSON.convert()
D. JSON.object()
**Answer: B. JSON.parse()
Rationale: JSON.parse() converts valid JSON text into a JavaScript value,
commonly an object or array. JSON.stringify() performs the opposite
operation by converting a JavaScript value into a JSON string.
Which CSS declaration creates a flex container?
A. display: block;
B. position: flex;
C. display: flex;
D. flex: container;
**Answer: C. display: flex;
Rationale: Setting display: flex establishes a flex formatting context for an
element and enables flexible one-dimensional layout of its child elements.
What is the primary purpose of responsive web design?
, A. To eliminate JavaScript
B. To make websites adapt to different screen sizes and devices
C. To prevent users from resizing browsers
D. To ensure every page uses identical dimensions
**Answer: B. To make websites adapt to different screen sizes and devices
Rationale: Responsive design allows layouts, images, typography, and other
interface elements to adapt to different viewport sizes, improving usability across
desktops, tablets, and mobile devices.
Which HTML element is semantically appropriate for a group of primary
navigation links?
A. <nav>
B. <section>
C. <aside>
D. <article>
**Answer: A. <nav>
Rationale: The <nav> element identifies a section containing navigation links.
Semantic HTML helps browsers, assistive technologies, and developers understand
the purpose of page content.
What is the result of the following JavaScript expression?
typeof "Hello"
A. string
B. text
C. String
D. character
**Answer: A. string
Rationale: JavaScript's typeof operator returns "string" for a string
primitive.
Which CSS selector targets an element with the ID mainContent?
