WGU C777 Web Development Applications Practice Exam |
HTML, CSS, JavaScript, Forms & Responsive Web Design
2026/2027
QUESTION 1
Which HTML5 semantic element is specifically designed to contain
major navigation links for a website?
A.
B.
C.
D.
Correct Answer: C.
Detailed Rationale: The element represents a section of a page
intended for major navigation links, either within the current site or to
external pages.
QUESTION 2
Which CSS property hides an element visually while still maintaining its
layout space on the web page?
A. display: none;
,B. visibility: hidden;
C. opacity: 0;
D. clip: rect(0,0,0,0);
Correct Answer: B. visibility: hidden;
Detailed Rationale: visibility: hidden; hides the element but preserves
the bounding box space it occupies in the document layout, whereas
display: none; removes it completely from the layout flow.
QUESTION 3
What does the JavaScript typeof [] expression evaluate to?
A. array
B. object
C. list
D. undefined
Correct Answer: B. object
Detailed Rationale: In JavaScript, arrays are technically specialized
objects under the hood, so the typeof operator evaluates arrays as
object.
,QUESTION 4
Which jQuery selector syntax correctly selects an HTML element with
the ID header?
A. .header
B. #header
C.
D. [header]
Correct Answer: B. #header
Detailed Rationale: In jQuery, the hash prefix denotes an ID selector,
matching the equivalent CSS id selector syntax.
QUESTION 5
Which HTML5 input attribute provides hint text inside an input field
that disappears when the user begins typing?
A. value
B. title
C. placeholder
D. hint
, Correct Answer: C. placeholder
Detailed Rationale: The placeholder attribute displays short
instructional hint text inside input controls before the user enters a
value.
QUESTION 6
Which CSS Flexbox property aligns flex items along the cross axis when
there is extra space in the container?
A. justify-content
B. align-items
C. flex-direction
D. flex-wrap
Correct Answer: B. align-items
Detailed Rationale: align-items controls alignment across the cross axis,
while justify-content handles alignment along the main axis.
QUESTION 7
Which JavaScript method is used to parse a JSON-formatted string into a
native JavaScript object?
HTML, CSS, JavaScript, Forms & Responsive Web Design
2026/2027
QUESTION 1
Which HTML5 semantic element is specifically designed to contain
major navigation links for a website?
A.
B.
C.
D.
Correct Answer: C.
Detailed Rationale: The element represents a section of a page
intended for major navigation links, either within the current site or to
external pages.
QUESTION 2
Which CSS property hides an element visually while still maintaining its
layout space on the web page?
A. display: none;
,B. visibility: hidden;
C. opacity: 0;
D. clip: rect(0,0,0,0);
Correct Answer: B. visibility: hidden;
Detailed Rationale: visibility: hidden; hides the element but preserves
the bounding box space it occupies in the document layout, whereas
display: none; removes it completely from the layout flow.
QUESTION 3
What does the JavaScript typeof [] expression evaluate to?
A. array
B. object
C. list
D. undefined
Correct Answer: B. object
Detailed Rationale: In JavaScript, arrays are technically specialized
objects under the hood, so the typeof operator evaluates arrays as
object.
,QUESTION 4
Which jQuery selector syntax correctly selects an HTML element with
the ID header?
A. .header
B. #header
C.
D. [header]
Correct Answer: B. #header
Detailed Rationale: In jQuery, the hash prefix denotes an ID selector,
matching the equivalent CSS id selector syntax.
QUESTION 5
Which HTML5 input attribute provides hint text inside an input field
that disappears when the user begins typing?
A. value
B. title
C. placeholder
D. hint
, Correct Answer: C. placeholder
Detailed Rationale: The placeholder attribute displays short
instructional hint text inside input controls before the user enters a
value.
QUESTION 6
Which CSS Flexbox property aligns flex items along the cross axis when
there is extra space in the container?
A. justify-content
B. align-items
C. flex-direction
D. flex-wrap
Correct Answer: B. align-items
Detailed Rationale: align-items controls alignment across the cross axis,
while justify-content handles alignment along the main axis.
QUESTION 7
Which JavaScript method is used to parse a JSON-formatted string into a
native JavaScript object?
