Scenario-Based MCQs WGU C777
OBJECTIVE ASSESSMENT PRACTICE
ACTUAL 2026/2027 QUESTIONS AND
CORRECT RELIABLE ANSWERS |LATEST
UPDATE!!!
1. A web developer is building a form and wants to provide autocomplete suggestions for
an input field without forcing the user to select from a fixed list. Which element should the
developer use?
A. <select>
B. <datalist>
C. <output>
D. <option>
Answer: B
The <datalist> element provides autocomplete suggestions for an input field, offering
predefined options while still allowing free text entry .
2. A developer is creating a web page and needs to display the result of a calculation
performed by JavaScript within a form. Which HTML5 element is designed for this purpose?
Page|1
,A. <output>
B. <result>
C. <calc>
D. <display>
Answer: A
The <output> element displays a value calculated from data entered by the user in a form .
3. A developer wants to associate a <label> element with a specific input field so that
clicking the label focuses the input. Which attribute should be used?
A. name
B. for
C. id
D. bind
Answer: B
The for attribute in <label> associates it with a specific input element by matching the
input's id .
4. A developer needs to ensure that an audio file plays continuously without stopping when
it reaches the end. Which attribute should be added to the <audio> element?
A. autoplay
B. repeat
C. loop
D. continuous
Answer: C
The loop attribute makes the audio file play repeatedly in a loop .
Page|2
,5. A developer is writing CSS and needs to select every <a> element whose href attribute
value ends with .zip. Which selector is correct?
A. a[href*=".zip"]
B. a[href$=".zip"]
C. a[href^=".zip"]
D. a[href=".zip"]
Answer: B
The $= operator selects elements whose attribute value ends with the specified string .
6. A developer wants to apply a style to all elements with class="subject". Which CSS
selector is correct?
A. #subject
B. subject
C. .subject
D. *subject
Answer: C
A class selector is denoted with a dot (.) followed by the class name .
7. A developer is creating a responsive web page and wants an image to fill the entire
background while maintaining its aspect ratio. Which background-size value should be
used?
A. contain
B. cover
C. fill
D. stretch
Page|3
, Answer: B
The cover value scales the background image to fill the entire container while maintaining
the aspect ratio .
8. A developer needs to create rounded corners on a <div> element. Which CSS3 property
should be used?
A. corner-radius
B. border-round
C. border-radius
D. radius
Answer: C
The border-radius property creates rounded corners on an element .
9. A developer wants to use a custom font that is not installed on the user's system. Which
CSS rule enables this?
A. @font-face
B. @custom-font
C. @import-font
D. @web-font
Answer: A
The @font-face rule enables developers to specify custom fonts for web page elements .
10. A developer is assigning percentage values to elements using HTML structural
elements for page layout. Which layout method is this?
Page|4
OBJECTIVE ASSESSMENT PRACTICE
ACTUAL 2026/2027 QUESTIONS AND
CORRECT RELIABLE ANSWERS |LATEST
UPDATE!!!
1. A web developer is building a form and wants to provide autocomplete suggestions for
an input field without forcing the user to select from a fixed list. Which element should the
developer use?
A. <select>
B. <datalist>
C. <output>
D. <option>
Answer: B
The <datalist> element provides autocomplete suggestions for an input field, offering
predefined options while still allowing free text entry .
2. A developer is creating a web page and needs to display the result of a calculation
performed by JavaScript within a form. Which HTML5 element is designed for this purpose?
Page|1
,A. <output>
B. <result>
C. <calc>
D. <display>
Answer: A
The <output> element displays a value calculated from data entered by the user in a form .
3. A developer wants to associate a <label> element with a specific input field so that
clicking the label focuses the input. Which attribute should be used?
A. name
B. for
C. id
D. bind
Answer: B
The for attribute in <label> associates it with a specific input element by matching the
input's id .
4. A developer needs to ensure that an audio file plays continuously without stopping when
it reaches the end. Which attribute should be added to the <audio> element?
A. autoplay
B. repeat
C. loop
D. continuous
Answer: C
The loop attribute makes the audio file play repeatedly in a loop .
Page|2
,5. A developer is writing CSS and needs to select every <a> element whose href attribute
value ends with .zip. Which selector is correct?
A. a[href*=".zip"]
B. a[href$=".zip"]
C. a[href^=".zip"]
D. a[href=".zip"]
Answer: B
The $= operator selects elements whose attribute value ends with the specified string .
6. A developer wants to apply a style to all elements with class="subject". Which CSS
selector is correct?
A. #subject
B. subject
C. .subject
D. *subject
Answer: C
A class selector is denoted with a dot (.) followed by the class name .
7. A developer is creating a responsive web page and wants an image to fill the entire
background while maintaining its aspect ratio. Which background-size value should be
used?
A. contain
B. cover
C. fill
D. stretch
Page|3
, Answer: B
The cover value scales the background image to fill the entire container while maintaining
the aspect ratio .
8. A developer needs to create rounded corners on a <div> element. Which CSS3 property
should be used?
A. corner-radius
B. border-round
C. border-radius
D. radius
Answer: C
The border-radius property creates rounded corners on an element .
9. A developer wants to use a custom font that is not installed on the user's system. Which
CSS rule enables this?
A. @font-face
B. @custom-font
C. @import-font
D. @web-font
Answer: A
The @font-face rule enables developers to specify custom fonts for web page elements .
10. A developer is assigning percentage values to elements using HTML structural
elements for page layout. Which layout method is this?
Page|4
