, D276 Web Development Foundations
Study Guide (2026/2027) | WGU
Objective Assessment Prep, HTML, CSS &
JavaScript
Question 1: HTML Semantic Elements
Which semantic HTML5 element is best suited for enclosing a self-contained blog post or news
story that could be independently distributed or syndicated?
• A. <section>
• B. <article>
• C. <aside>
• D. <header>
Correct Answer: B. <article>
Rationale: An <article> element represents a complete, independent piece of content, whereas
<section> groups thematic content and <aside> holds sidebars.
Question 2: CSS Box Model
In the CSS Box Model, which layer sits directly outside the border and creates space between the
element and surrounding elements?
• A. Padding
• B. Content
• C. Margin
• D. Offset
Correct Answer: C. Margin
Rationale: Margins are the outermost transparent layer separating an element from its neighbors,
whereas padding is inside the border.
Question 3: JavaScript DOM Selection
, Which JavaScript method selects and returns the first element in the document that matches a
specified CSS selector (e.g., class or ID)?
• A. document.getElementById()
• B. document.querySelector()
• C. document.querySelectorAll()
• D. document.getElementsByTagName()
Correct Answer: B. document.querySelector()
Rationale: querySelector() accepts any valid CSS selector string and returns the first
matching element node.
Question 4: CSS Layout Systems
When designing a complex, multi-row and multi-column web dashboard layout where items
must align across both horizontal rows and vertical columns simultaneously, which CSS layout
system is most appropriate?
• A. CSS Flexbox
• B. CSS Grid
• C. Float Layout
• D. Inline Block
Correct Answer: B. CSS Grid
Rationale: CSS Grid is designed for two-dimensional layout control, handling both rows and
columns simultaneously.
Question 5: HTML Forms
When creating an HTML form containing sensitive user data like account passwords, which
method attribute value should be used to ensure data is transmitted securely in the HTTP request
body rather than exposed in the URL?
• A. GET
• B. POST
• C. SUBMIT
• D. ACTION
Correct Answer: B. POST
Rationale: The POST method encapsulates form parameters inside the HTTP request body,
keeping sensitive payloads hidden from the browser URL bar.
Study Guide (2026/2027) | WGU
Objective Assessment Prep, HTML, CSS &
JavaScript
Question 1: HTML Semantic Elements
Which semantic HTML5 element is best suited for enclosing a self-contained blog post or news
story that could be independently distributed or syndicated?
• A. <section>
• B. <article>
• C. <aside>
• D. <header>
Correct Answer: B. <article>
Rationale: An <article> element represents a complete, independent piece of content, whereas
<section> groups thematic content and <aside> holds sidebars.
Question 2: CSS Box Model
In the CSS Box Model, which layer sits directly outside the border and creates space between the
element and surrounding elements?
• A. Padding
• B. Content
• C. Margin
• D. Offset
Correct Answer: C. Margin
Rationale: Margins are the outermost transparent layer separating an element from its neighbors,
whereas padding is inside the border.
Question 3: JavaScript DOM Selection
, Which JavaScript method selects and returns the first element in the document that matches a
specified CSS selector (e.g., class or ID)?
• A. document.getElementById()
• B. document.querySelector()
• C. document.querySelectorAll()
• D. document.getElementsByTagName()
Correct Answer: B. document.querySelector()
Rationale: querySelector() accepts any valid CSS selector string and returns the first
matching element node.
Question 4: CSS Layout Systems
When designing a complex, multi-row and multi-column web dashboard layout where items
must align across both horizontal rows and vertical columns simultaneously, which CSS layout
system is most appropriate?
• A. CSS Flexbox
• B. CSS Grid
• C. Float Layout
• D. Inline Block
Correct Answer: B. CSS Grid
Rationale: CSS Grid is designed for two-dimensional layout control, handling both rows and
columns simultaneously.
Question 5: HTML Forms
When creating an HTML form containing sensitive user data like account passwords, which
method attribute value should be used to ensure data is transmitted securely in the HTTP request
body rather than exposed in the URL?
• A. GET
• B. POST
• C. SUBMIT
• D. ACTION
Correct Answer: B. POST
Rationale: The POST method encapsulates form parameters inside the HTTP request body,
keeping sensitive payloads hidden from the browser URL bar.
