WGU D276 Web Development Foundations Pre-Assessment
Actual Exam 2026/2027 – Complete Solution Pack with
Detailed Rationales | 100% Verified | Pass Guaranteed – A+
Graded
Section A: HTML Fundamentals & Semantic Structure
Q1: Which HTML element is used to define the main content area of a document that is
unique to that page?
A. <section>
B. <article>
C. <main> [CORRECT]
D. <div>
Correct Answer: C
Rationale: The <main> element represents the dominant content of the <body> of a
document and should be unique to that page, not repeated across pages. <section>
groups related content. <article> represents self-contained content. <div> is a
generic container with no semantic meaning.
Q2: Which meta tag is required to specify the character encoding for an HTML5
document?
A. <meta name="viewport">
,B. <meta charset="UTF-8"> [CORRECT]
C. <meta http-equiv="refresh">
D. <meta name="description">
Correct Answer: B
Rationale: <meta charset="UTF-8"> specifies the character encoding for the HTML
document, ensuring proper rendering of special characters and international text. The
viewport meta tag controls mobile scaling. The refresh tag redirects pages. The
description tag provides SEO metadata.
Q3: Which HTML element is most semantically appropriate for a standalone piece of
content that could be syndicated independently?
A. <section>
B. <div>
C. <article> [CORRECT]
D. <aside>
Correct Answer: C
Rationale: The <article> element represents a self-contained composition that could
be distributed independently (blog post, news article, forum post). <section> groups
thematically related content. <div> has no semantic meaning. <aside> represents
tangentially related content (sidebars, call-out boxes).
,Q4: In an HTML form, which input type is most appropriate for collecting an email
address with built-in validation?
A. <input type="text">
B. <input type="email"> [CORRECT]
C. <input type="url">
D. <input type="search">
Correct Answer: B
Rationale: <input type="email"> provides built-in browser validation for email
format (requiring @ symbol and domain structure) and displays an appropriate
keyboard on mobile devices. type="text" accepts any input without validation.
type="url" validates URL format. type="search" is for search queries.
Q5: Which HTML element creates a thematic break or horizontal line between
paragraph-level elements?
A. <hr> [CORRECT]
B. <br>
C. <div>
D. <span>
Correct Answer: A
, Rationale: The <hr> element represents a thematic break between paragraph-level
elements, semantically indicating a shift in topic or scene. <br> is a line break within
text (presentational, not thematic). <div> and <span> are generic containers with no
semantic meaning for breaks.
Q6: Which HTML element is used to define a set of navigation links?
A. <header>
B. <nav> [CORRECT]
C. <footer>
D. <menu>
Correct Answer: B
Rationale: The <nav> element is specifically designed to contain major navigation
blocks (primary navigation, table of contents, breadcrumbs). <header> contains
introductory content. <footer> contains footer information. <menu> is an
experimental element for toolbar menus, not standard navigation.
Q7: Which attribute is required on every <img> element for accessibility compliance?
A. title
B. alt [CORRECT]
C. caption
D. description
Actual Exam 2026/2027 – Complete Solution Pack with
Detailed Rationales | 100% Verified | Pass Guaranteed – A+
Graded
Section A: HTML Fundamentals & Semantic Structure
Q1: Which HTML element is used to define the main content area of a document that is
unique to that page?
A. <section>
B. <article>
C. <main> [CORRECT]
D. <div>
Correct Answer: C
Rationale: The <main> element represents the dominant content of the <body> of a
document and should be unique to that page, not repeated across pages. <section>
groups related content. <article> represents self-contained content. <div> is a
generic container with no semantic meaning.
Q2: Which meta tag is required to specify the character encoding for an HTML5
document?
A. <meta name="viewport">
,B. <meta charset="UTF-8"> [CORRECT]
C. <meta http-equiv="refresh">
D. <meta name="description">
Correct Answer: B
Rationale: <meta charset="UTF-8"> specifies the character encoding for the HTML
document, ensuring proper rendering of special characters and international text. The
viewport meta tag controls mobile scaling. The refresh tag redirects pages. The
description tag provides SEO metadata.
Q3: Which HTML element is most semantically appropriate for a standalone piece of
content that could be syndicated independently?
A. <section>
B. <div>
C. <article> [CORRECT]
D. <aside>
Correct Answer: C
Rationale: The <article> element represents a self-contained composition that could
be distributed independently (blog post, news article, forum post). <section> groups
thematically related content. <div> has no semantic meaning. <aside> represents
tangentially related content (sidebars, call-out boxes).
,Q4: In an HTML form, which input type is most appropriate for collecting an email
address with built-in validation?
A. <input type="text">
B. <input type="email"> [CORRECT]
C. <input type="url">
D. <input type="search">
Correct Answer: B
Rationale: <input type="email"> provides built-in browser validation for email
format (requiring @ symbol and domain structure) and displays an appropriate
keyboard on mobile devices. type="text" accepts any input without validation.
type="url" validates URL format. type="search" is for search queries.
Q5: Which HTML element creates a thematic break or horizontal line between
paragraph-level elements?
A. <hr> [CORRECT]
B. <br>
C. <div>
D. <span>
Correct Answer: A
, Rationale: The <hr> element represents a thematic break between paragraph-level
elements, semantically indicating a shift in topic or scene. <br> is a line break within
text (presentational, not thematic). <div> and <span> are generic containers with no
semantic meaning for breaks.
Q6: Which HTML element is used to define a set of navigation links?
A. <header>
B. <nav> [CORRECT]
C. <footer>
D. <menu>
Correct Answer: B
Rationale: The <nav> element is specifically designed to contain major navigation
blocks (primary navigation, table of contents, breadcrumbs). <header> contains
introductory content. <footer> contains footer information. <menu> is an
experimental element for toolbar menus, not standard navigation.
Q7: Which attribute is required on every <img> element for accessibility compliance?
A. title
B. alt [CORRECT]
C. caption
D. description
