WGU C777 Objective Assessment – Practice Exam with
Questions & Answers 2026/2027
Question 1
Which characteristic best describes a web page with responsive design?
A. The ability to load external stylesheets asynchronously.
B. The ability to automatically resize and adapt layout elements to fit
any screen size or device resolution.
C. The ability to execute dynamic JavaScript animations without plugins.
D. The ability to convert legacy HTML4 tables into semantic markup.
Correct Answer: B. The ability to automatically resize and adapt layout
elements to fit any screen size or device resolution.
Detailed Rationale: Responsive web design (RWD) uses flexible grids,
fluid layouts, and CSS media queries to ensure that web pages render
well across a variety of devices, window sizes, and screen resolutions.
Question 2
Which type of content should a developer use an <aside> element for?
A. News feeds
B. Site copyright notices
C. Main page headlines
D. Primary navigation menus
Correct Answer: A. News feeds
,Detailed Rationale: The <aside> element represents a portion of a
document whose content is only indirectly related to the document's
main content, making it ideal for sidebars, pull quotes, advertising, or
syndicated news feeds.
Question 3
What does an HTML5 code validator confirm about code?
A. It contains no runtime warnings or logic errors.
B. It works correctly in every legacy browser.
C. It complies with an established standard.
D. It follows all modern front-end design best practices and accessibility
guidelines.
Correct Answer: C. It complies with an established standard.
Detailed Rationale: An HTML code validator checks markup against
official W3C specifications to ensure proper syntax and structure, but it
does not test browser compatibility, business logic, or subjective design
best practices.
Question 4
Given the following CSS code:
CSS
h2 {
font-family: Arial;
font-size: 18px;
}
, Which of the following is the correct selector in this rule?
A. font-family
B. 18px
C. h2
D. Arial
Correct Answer: C. h2
Detailed Rationale: The selector points to the HTML element you want
to style (in this case, the h2 heading element). The properties and
values inside the curly braces constitute the declaration block.
Question 5
Which property specifies transparency or opacity for an element in
CSS3?
A. visibility
B. opacity
C. transparent
D. filter-alpha
Correct Answer: B. opacity
Detailed Rationale: The opacity property specifies the transparency
level of an element. A value of 1 is completely opaque, while 0 is
completely transparent.
Question 6
What should be added first when embedding CSS directly into a single
web page as an internal style sheet?
Questions & Answers 2026/2027
Question 1
Which characteristic best describes a web page with responsive design?
A. The ability to load external stylesheets asynchronously.
B. The ability to automatically resize and adapt layout elements to fit
any screen size or device resolution.
C. The ability to execute dynamic JavaScript animations without plugins.
D. The ability to convert legacy HTML4 tables into semantic markup.
Correct Answer: B. The ability to automatically resize and adapt layout
elements to fit any screen size or device resolution.
Detailed Rationale: Responsive web design (RWD) uses flexible grids,
fluid layouts, and CSS media queries to ensure that web pages render
well across a variety of devices, window sizes, and screen resolutions.
Question 2
Which type of content should a developer use an <aside> element for?
A. News feeds
B. Site copyright notices
C. Main page headlines
D. Primary navigation menus
Correct Answer: A. News feeds
,Detailed Rationale: The <aside> element represents a portion of a
document whose content is only indirectly related to the document's
main content, making it ideal for sidebars, pull quotes, advertising, or
syndicated news feeds.
Question 3
What does an HTML5 code validator confirm about code?
A. It contains no runtime warnings or logic errors.
B. It works correctly in every legacy browser.
C. It complies with an established standard.
D. It follows all modern front-end design best practices and accessibility
guidelines.
Correct Answer: C. It complies with an established standard.
Detailed Rationale: An HTML code validator checks markup against
official W3C specifications to ensure proper syntax and structure, but it
does not test browser compatibility, business logic, or subjective design
best practices.
Question 4
Given the following CSS code:
CSS
h2 {
font-family: Arial;
font-size: 18px;
}
, Which of the following is the correct selector in this rule?
A. font-family
B. 18px
C. h2
D. Arial
Correct Answer: C. h2
Detailed Rationale: The selector points to the HTML element you want
to style (in this case, the h2 heading element). The properties and
values inside the curly braces constitute the declaration block.
Question 5
Which property specifies transparency or opacity for an element in
CSS3?
A. visibility
B. opacity
C. transparent
D. filter-alpha
Correct Answer: B. opacity
Detailed Rationale: The opacity property specifies the transparency
level of an element. A value of 1 is completely opaque, while 0 is
completely transparent.
Question 6
What should be added first when embedding CSS directly into a single
web page as an internal style sheet?
