WGU C777 – Web Development Applications Version 2 , 260 Multiple-Choice Questions with Rationales Table of Contents | Quiz Format | Rationales | High-Yield Focus

WGU C777 – Web Development
Applications Version 2 , 260 Multiple-Choice
Questions with Rationales Table of Contents
| Quiz Format | Rationales | High-Yield Focus


TABLE OF CONTENTS
1. HTML & HTML5 (Questions 1–50)
2. CSS & CSS3 (Questions 51–100)
3. JavaScript Fundamentals (Questions 101–140)
4. JavaScript DOM Manipulation & Events (Questions 141–170)
5. JavaScript ES6+ Features (Questions 171–200)
6. APIs, AJAX, Fetch, JSON (Questions 201–230)
7. Web Performance, Security, Accessibility, Responsive Design
(Questions 231–260)



HTML & HTML5 (Questions 1–50)
Question 1 Which HTML element is used to represent the footer of a
section or page?
A. <bottom> B. <footer> C. <foot> D. <section>
Correct Answer: B Rationale: <footer> defines a footer for a document
or section. <foot> (C) is not valid HTML.

,Question 2 (Select all that apply) Which of the following are valid
HTML5 semantic elements for structuring a webpage? (Select all that
apply)
A. <header> B. <main> C. <content> D. <nav> E. <article>
Correct Answers: A, B, D, E Rationale: <header>, <main>, <nav>, and
<article> are semantic. <content> (C) is not a standard HTML5 element.


Question 3 What is the correct HTML5 element for playing video files?
A. <video> B. <movie> C. <media> D. <mp4>
Correct Answer: A Rationale: <video> is the standard HTML5 element.
<source> can specify multiple formats.


Question 4 Which attribute of the <video> element displays controls like
play, pause, and volume?
A. controls B. playback C. buttons D. interface
Correct Answer: A Rationale: controls adds browser default video
controls. Without it, the video has no visible controls.


Question 5 Which input type creates a slider control in HTML5?
A. <input type="slider"> B. <input type="range"> C. <input
type="scroll"> D. <input type="number">
Correct Answer: B Rationale: type="range" creates a slider. Use min,
max, and step attributes to configure it.


Question 6 (Select all that apply) Which of the following are valid
attributes for the <input type="range"> element? (Select all that apply)
A. min B. max C. step D. value E. orientation

,Correct Answers: A, B, C, D Rationale: min, max, step, and value are
valid. orientation (E) is not standard (use CSS or rotate instead).


Question 7 What does the <track> element do inside a <video> or
<audio> element?
A. Adds subtitles, captions, or descriptions B. Adds a background
track C. Adds a hyperlink D. Adds a thumbnail
Correct Answer: A Rationale: <track> provides text tracks (subtitles,
captions, chapters, descriptions) for media elements.


Question 8 What is the purpose of the srclang attribute on a <track>
element?
A. Specifies the language of the track (e.g., "en", "es") B. Specifies the
source language of the video C. Specifies the audio language D. Specifies
the browser language
Correct Answer: A Rationale: srclang indicates the language of the
subtitle/caption track for proper selection by the user.


Question 9 Which HTML5 element is used to display a scalar
measurement within a known range (e.g., disk usage)?
A. <progress> B. <meter> C. <gauge> D. <measure>
Correct Answer: B Rationale: <meter> is for scalar measurements (e.g.,
75% full). <progress> (A) is for task completion.


Question 10 (Select all that apply) Which of the following are valid
attributes for the <meter> element? (Select all that apply)
A. value B. min C. max D. low E. high

, Correct Answers: A, B, C, D, E Rationale: All are valid: value
(current), min/max (range), low/high (thresholds for color coding).


Question 11 What is the purpose of the <datalist> element?
A. Provides a list of predefined options for an <input> element B. Creates
a dropdown list C. Creates a bulleted list D. Creates a table of data
Correct Answer: A Rationale: <datalist> works with the list attribute on
<input> to provide autocomplete suggestions.


Question 12 How do you link a <datalist> to an <input> field?
A. <input list="datalistID"> B. <input datalist="datalistID"> C. <input
options="datalistID"> D. <datalist for="inputID">
Correct Answer: A Rationale: The <input> uses the list attribute. The
<datalist> has an id that matches.


Question 13 Which HTML5 element is used to define a command or
button that the user can invoke?
A. <button> B. <command> C. <action> D. <click>
Correct Answer: A Rationale: <button> is the standard element.
<command> (B) was part of an abandoned specification.


Question 14 What is the difference between <button> and <input
type="button">?
A. <button> can contain HTML content (images, icons); <input> is
empty B. <input> can contain HTML; <button> cannot C. They are
identical D. <button> cannot be disabled
Correct Answer: A Rationale: <button> allows inner HTML, making it
more flexible for icons and complex styling.