WGU C777
WEB DEVELOPMENT APPLICATIONS
Premium Exam-Focused Study Guide & Original Practice Bank
2026 Edition
HTML5 • CSS3 • JavaScript • DOM • APIs • Responsive Design • Accessibility • Testing
This is an original educational resource created from publicly available course descriptions and general web-development knowledge. It is not an
official WGU publication, does not reproduce a proprietary exam, and does not claim to contain actual or leaked assessment questions.
How to use this guide
Study each question actively: answer before revealing the rationale, then review the exam trap and memory cue. For difficult
topics, return to the rationale and explain the concept in your own words. The question bank intentionally mixes definition,
code reasoning, accessibility, responsive-design, browser-API, and scenario questions.
C777 Premium Study Guide • Page 1
,EXAM-READY MASTER CHECKLIST
Area Know cold
HTML5 Semantic elements, forms, validation attributes, media, tables, accessibility basics, document structure
CSS3 Selectors, specificity, cascade, box model, Flexbox, Grid, positioning, media queries, transitions
JavaScript Scope, operators, arrays, functions, objects, JSON, async/await, Promises, common quirks
DOM & Events Selectors, manipulation, event propagation, preventDefault, delegation
Web APIs fetch, storage, geolocation, History API, Canvas, drag-and-drop, service workers
Responsive Mobile-first, viewport, relative units, breakpoints, adaptive layouts
Accessibility Semantic HTML, labels, keyboard access, focus, alternatives, ARIA when appropriate
Testing Validation, DevTools, console errors, syntax vs logic errors, feature detection
Security Untrusted input, XSS awareness, HTTPS/TLS, CORS, CSP, client vs server validation
SECTION 1 — WEB DEVELOPMENT FUNDAMENTALS
Focus: The web-development trifecta, semantic structure, separation of concerns, standards, and developer workflow.
QUESTION 1
Which technology is primarily responsible for the semantic structure of a web document?
A) CSS3
B) HTML5
C) JavaScript
D) JSON
ANSWER: B) HTML5
RATIONALE: HTML5 supplies the document structure and meaning through elements such as headings, paragraphs,
lists, forms, and semantic landmarks. CSS controls presentation, while JavaScript controls behavior.
EXAM TRAP / CLARIFICATION: Do not confuse structure with appearance: HTML answers “what is it?”; CSS answers “how
should it look?”
MEMORY CUE: HTML = structure; CSS = style; JS = behavior.
QUESTION 2
What is the primary purpose of CSS?
A) Store records in a database
B) Define presentation and layout
C) Execute server-side code
D) Validate DNS records
ANSWER: B) Define presentation and layout
RATIONALE: CSS controls presentation, including typography, spacing, positioning, responsive layout, transitions, and
visual effects.
EXAM TRAP / CLARIFICATION: HTML attributes such as width or color can sometimes affect presentation, but modern
maintainable design generally separates presentation into CSS.
MEMORY CUE: CSS = Cascading Style Sheets → style.
C777 Premium Study Guide • Page 2
,QUESTION 3
Which statement best describes JavaScript in a modern web page?
A) It replaces HTML
B) It provides document structure only
C) It can add dynamic behavior and manipulate the DOM
D) It is a database query language
ANSWER: C) It can add dynamic behavior and manipulate the DOM
RATIONALE: JavaScript can respond to events, manipulate DOM nodes, validate input, call browser APIs, and update
page state without rebuilding the entire document.
EXAM TRAP / CLARIFICATION: JavaScript is a programming language; HTML and CSS are not interchangeable with it.
MEMORY CUE: JS makes the page respond.
QUESTION 4
Why is understanding the code behind a visual web editor valuable?
A) It removes the need for testing
B) It helps troubleshoot and understand generated markup and styles
C) It guarantees accessibility
D) It eliminates browser differences
ANSWER: B) It helps troubleshoot and understand generated markup and styles
RATIONALE: A visual editor can hide implementation details. Understanding HTML and CSS lets a developer inspect,
diagnose, and correct generated code when something behaves unexpectedly.
EXAM TRAP / CLARIFICATION: A GUI editor does not guarantee standards compliance or good accessibility.
MEMORY CUE: If the GUI fails, the code is your fallback.
QUESTION 5
What does semantic HTML primarily improve?
A) Meaning and document structure for browsers and assistive technologies
B) CPU clock speed
C) Database normalization
D) DNS resolution
ANSWER: A) Meaning and document structure for browsers and assistive technologies
RATIONALE: Semantic elements communicate the role of content. This improves maintainability and can improve
accessibility and machine interpretation.
EXAM TRAP / CLARIFICATION: Semantic HTML is not merely about making a page look different.
MEMORY CUE: Semantic = meaning.
SECTION 2 — HTML5 STRUCTURE, FORMS & ACCESSIBILITY
Focus: Semantic HTML5, document structure, forms, validation, media, and accessible markup.
C777 Premium Study Guide • Page 3
, QUESTION 6
Which declaration tells a browser to use the HTML5 document mode?
A) <html5>
B) <!DOCTYPE html>
C) <meta html5>
D) <mode html5>
ANSWER: B) <!DOCTYPE html>
RATIONALE: The HTML5 doctype is <!DOCTYPE html>. It is intentionally short and triggers standards mode in modern
browsers.
EXAM TRAP / CLARIFICATION: The doctype is not an HTML element and does not appear as <doctype>.
MEMORY CUE: DOCTYPE = document type.
QUESTION 7
Which element is the most appropriate for the primary navigation links of a site?
A) <nav>
B) <navigate>
C) <links>
D) <menuitem>
ANSWER: A) <nav>
RATIONALE: The <nav> element identifies a section containing navigation links. It is a semantic landmark.
EXAM TRAP / CLARIFICATION: Use <nav> for navigation; do not invent nonstandard elements such as <navigate>.
MEMORY CUE: NAV = navigation.
QUESTION 8
Which attribute provides a text alternative for an informative image?
A) title
B) alt
C) src
D) aria-hidden
ANSWER: B) alt
RATIONALE: The alt attribute supplies alternative text that can communicate the image's purpose when the image cannot
be perceived.
EXAM TRAP / CLARIFICATION: A tooltip from title is not a substitute for meaningful alternative text.
MEMORY CUE: ALT = alternative text.
QUESTION 9
Which element creates a hyperlink to another resource?
A) <link> only
B) <a>
C) <href>
D) <url>
ANSWER: B) <a>
RATIONALE: The <a> element creates a hyperlink; its href attribute specifies the destination.
EXAM TRAP / CLARIFICATION: The href attribute belongs on the anchor element; <href> is not an HTML element.
MEMORY CUE: A = anchor.
C777 Premium Study Guide • Page 4
WEB DEVELOPMENT APPLICATIONS
Premium Exam-Focused Study Guide & Original Practice Bank
2026 Edition
HTML5 • CSS3 • JavaScript • DOM • APIs • Responsive Design • Accessibility • Testing
This is an original educational resource created from publicly available course descriptions and general web-development knowledge. It is not an
official WGU publication, does not reproduce a proprietary exam, and does not claim to contain actual or leaked assessment questions.
How to use this guide
Study each question actively: answer before revealing the rationale, then review the exam trap and memory cue. For difficult
topics, return to the rationale and explain the concept in your own words. The question bank intentionally mixes definition,
code reasoning, accessibility, responsive-design, browser-API, and scenario questions.
C777 Premium Study Guide • Page 1
,EXAM-READY MASTER CHECKLIST
Area Know cold
HTML5 Semantic elements, forms, validation attributes, media, tables, accessibility basics, document structure
CSS3 Selectors, specificity, cascade, box model, Flexbox, Grid, positioning, media queries, transitions
JavaScript Scope, operators, arrays, functions, objects, JSON, async/await, Promises, common quirks
DOM & Events Selectors, manipulation, event propagation, preventDefault, delegation
Web APIs fetch, storage, geolocation, History API, Canvas, drag-and-drop, service workers
Responsive Mobile-first, viewport, relative units, breakpoints, adaptive layouts
Accessibility Semantic HTML, labels, keyboard access, focus, alternatives, ARIA when appropriate
Testing Validation, DevTools, console errors, syntax vs logic errors, feature detection
Security Untrusted input, XSS awareness, HTTPS/TLS, CORS, CSP, client vs server validation
SECTION 1 — WEB DEVELOPMENT FUNDAMENTALS
Focus: The web-development trifecta, semantic structure, separation of concerns, standards, and developer workflow.
QUESTION 1
Which technology is primarily responsible for the semantic structure of a web document?
A) CSS3
B) HTML5
C) JavaScript
D) JSON
ANSWER: B) HTML5
RATIONALE: HTML5 supplies the document structure and meaning through elements such as headings, paragraphs,
lists, forms, and semantic landmarks. CSS controls presentation, while JavaScript controls behavior.
EXAM TRAP / CLARIFICATION: Do not confuse structure with appearance: HTML answers “what is it?”; CSS answers “how
should it look?”
MEMORY CUE: HTML = structure; CSS = style; JS = behavior.
QUESTION 2
What is the primary purpose of CSS?
A) Store records in a database
B) Define presentation and layout
C) Execute server-side code
D) Validate DNS records
ANSWER: B) Define presentation and layout
RATIONALE: CSS controls presentation, including typography, spacing, positioning, responsive layout, transitions, and
visual effects.
EXAM TRAP / CLARIFICATION: HTML attributes such as width or color can sometimes affect presentation, but modern
maintainable design generally separates presentation into CSS.
MEMORY CUE: CSS = Cascading Style Sheets → style.
C777 Premium Study Guide • Page 2
,QUESTION 3
Which statement best describes JavaScript in a modern web page?
A) It replaces HTML
B) It provides document structure only
C) It can add dynamic behavior and manipulate the DOM
D) It is a database query language
ANSWER: C) It can add dynamic behavior and manipulate the DOM
RATIONALE: JavaScript can respond to events, manipulate DOM nodes, validate input, call browser APIs, and update
page state without rebuilding the entire document.
EXAM TRAP / CLARIFICATION: JavaScript is a programming language; HTML and CSS are not interchangeable with it.
MEMORY CUE: JS makes the page respond.
QUESTION 4
Why is understanding the code behind a visual web editor valuable?
A) It removes the need for testing
B) It helps troubleshoot and understand generated markup and styles
C) It guarantees accessibility
D) It eliminates browser differences
ANSWER: B) It helps troubleshoot and understand generated markup and styles
RATIONALE: A visual editor can hide implementation details. Understanding HTML and CSS lets a developer inspect,
diagnose, and correct generated code when something behaves unexpectedly.
EXAM TRAP / CLARIFICATION: A GUI editor does not guarantee standards compliance or good accessibility.
MEMORY CUE: If the GUI fails, the code is your fallback.
QUESTION 5
What does semantic HTML primarily improve?
A) Meaning and document structure for browsers and assistive technologies
B) CPU clock speed
C) Database normalization
D) DNS resolution
ANSWER: A) Meaning and document structure for browsers and assistive technologies
RATIONALE: Semantic elements communicate the role of content. This improves maintainability and can improve
accessibility and machine interpretation.
EXAM TRAP / CLARIFICATION: Semantic HTML is not merely about making a page look different.
MEMORY CUE: Semantic = meaning.
SECTION 2 — HTML5 STRUCTURE, FORMS & ACCESSIBILITY
Focus: Semantic HTML5, document structure, forms, validation, media, and accessible markup.
C777 Premium Study Guide • Page 3
, QUESTION 6
Which declaration tells a browser to use the HTML5 document mode?
A) <html5>
B) <!DOCTYPE html>
C) <meta html5>
D) <mode html5>
ANSWER: B) <!DOCTYPE html>
RATIONALE: The HTML5 doctype is <!DOCTYPE html>. It is intentionally short and triggers standards mode in modern
browsers.
EXAM TRAP / CLARIFICATION: The doctype is not an HTML element and does not appear as <doctype>.
MEMORY CUE: DOCTYPE = document type.
QUESTION 7
Which element is the most appropriate for the primary navigation links of a site?
A) <nav>
B) <navigate>
C) <links>
D) <menuitem>
ANSWER: A) <nav>
RATIONALE: The <nav> element identifies a section containing navigation links. It is a semantic landmark.
EXAM TRAP / CLARIFICATION: Use <nav> for navigation; do not invent nonstandard elements such as <navigate>.
MEMORY CUE: NAV = navigation.
QUESTION 8
Which attribute provides a text alternative for an informative image?
A) title
B) alt
C) src
D) aria-hidden
ANSWER: B) alt
RATIONALE: The alt attribute supplies alternative text that can communicate the image's purpose when the image cannot
be perceived.
EXAM TRAP / CLARIFICATION: A tooltip from title is not a substitute for meaningful alternative text.
MEMORY CUE: ALT = alternative text.
QUESTION 9
Which element creates a hyperlink to another resource?
A) <link> only
B) <a>
C) <href>
D) <url>
ANSWER: B) <a>
RATIONALE: The <a> element creates a hyperlink; its href attribute specifies the destination.
EXAM TRAP / CLARIFICATION: The href attribute belongs on the anchor element; <href> is not an HTML element.
MEMORY CUE: A = anchor.
C777 Premium Study Guide • Page 4
