WGU D276 WEB DEVELOPMENT FOUNDATIONS
PRE-ASSESSMENT 2026/2027 | PNVO Complete Solution |
Western Governors University | Pass Guaranteed - A+
Graded
Section 1: HTML5 Semantic Elements & Document Structure (Questions 1-14)
Q1. Which HTML5 element should be used to define the main content area of a web
page that is unique to each page and contains the primary content?
A. <section>
B. <div>
C. <main> [CORRECT]
D. <article>
Correct Answer: C
Rationale: The <main> element represents the dominant content of the <body> of a
document and should be unique to each page. <section> (Option A) defines thematic
groupings of content. <div> (Option B) is a generic container with no semantic
meaning. <article> (Option D) represents self-contained, independently distributable
content.
,Q2. Consider the following HTML structure. Which element is MOST appropriate for the
navigation links at the top of a website?
HTMLPreviewCopy
<___>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</___>
A. <header>
B. <nav> [CORRECT]
C. <menu>
D. <aside>
Correct Answer: B
Rationale: The <nav> element is specifically designed for major navigation blocks
containing links to other pages or sections within the current page. <header> (Option
A) can contain navigation but is broader. <menu> (Option C) is for toolbars/command
lists, not primary navigation. <aside> (Option D) is for tangentially related content.
Q3. Which HTML5 element should be used for a self-contained piece of content that
could be syndicated independently, such as a blog post or news article?
A. <section>
B. <div>
C. <article> [CORRECT]
,D. <aside>
Correct Answer: C
Rationale: <article> represents a self-contained composition that makes sense on
its own when syndicated (blog post, news story, forum post). <section> (Option A) is
for thematic grouping of related content that may not stand alone. <div> (Option B)
has no semantic meaning. <aside> (Option D) is for tangential content.
Q4. What is the CORRECT purpose of the <!DOCTYPE html> declaration at the
beginning of an HTML5 document?
A. It loads the HTML5 JavaScript library
B. It tells the browser which version of HTML is being used and triggers standards mode
rendering [CORRECT]
C. It defines the character encoding of the document
D. It creates a comment that is ignored by browsers
Correct Answer: B
Rationale: <!DOCTYPE html> is a required preamble that tells the browser to render
the page in standards mode (not quirks mode). It does not load libraries (Option A),
define encoding (Option C—that's <meta charset>), or create a comment (Option D).
Q5. Which HTML form input type provides a date picker interface in modern browsers?
A. <input type="text" pattern="date">
, B. <input type="calendar">
C. <input type="date"> [CORRECT]
D. <input type="datetime">
Correct Answer: C
Rationale: <input type="date"> creates a date picker control in supporting
browsers. Option A uses pattern validation but no native picker. Option B is not a valid
input type. Option D (datetime) was removed from HTML5; use datetime-local for
date and time together.
Q6. Which attribute is REQUIRED for the <img> element to be valid HTML5 and
accessible?
A. title
B. src and alt [CORRECT]
C. width and height
D. class and id
Correct Answer: B
Rationale: The src attribute is required to specify the image source. The alt attribute
is required for accessibility (WCAG 2.2) and provides alternative text for screen readers
and when images fail to load. While width/height (Option C) improve performance,
they are not required. title (Option A) and class/id (Option D) are optional.
PRE-ASSESSMENT 2026/2027 | PNVO Complete Solution |
Western Governors University | Pass Guaranteed - A+
Graded
Section 1: HTML5 Semantic Elements & Document Structure (Questions 1-14)
Q1. Which HTML5 element should be used to define the main content area of a web
page that is unique to each page and contains the primary content?
A. <section>
B. <div>
C. <main> [CORRECT]
D. <article>
Correct Answer: C
Rationale: The <main> element represents the dominant content of the <body> of a
document and should be unique to each page. <section> (Option A) defines thematic
groupings of content. <div> (Option B) is a generic container with no semantic
meaning. <article> (Option D) represents self-contained, independently distributable
content.
,Q2. Consider the following HTML structure. Which element is MOST appropriate for the
navigation links at the top of a website?
HTMLPreviewCopy
<___>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</___>
A. <header>
B. <nav> [CORRECT]
C. <menu>
D. <aside>
Correct Answer: B
Rationale: The <nav> element is specifically designed for major navigation blocks
containing links to other pages or sections within the current page. <header> (Option
A) can contain navigation but is broader. <menu> (Option C) is for toolbars/command
lists, not primary navigation. <aside> (Option D) is for tangentially related content.
Q3. Which HTML5 element should be used for a self-contained piece of content that
could be syndicated independently, such as a blog post or news article?
A. <section>
B. <div>
C. <article> [CORRECT]
,D. <aside>
Correct Answer: C
Rationale: <article> represents a self-contained composition that makes sense on
its own when syndicated (blog post, news story, forum post). <section> (Option A) is
for thematic grouping of related content that may not stand alone. <div> (Option B)
has no semantic meaning. <aside> (Option D) is for tangential content.
Q4. What is the CORRECT purpose of the <!DOCTYPE html> declaration at the
beginning of an HTML5 document?
A. It loads the HTML5 JavaScript library
B. It tells the browser which version of HTML is being used and triggers standards mode
rendering [CORRECT]
C. It defines the character encoding of the document
D. It creates a comment that is ignored by browsers
Correct Answer: B
Rationale: <!DOCTYPE html> is a required preamble that tells the browser to render
the page in standards mode (not quirks mode). It does not load libraries (Option A),
define encoding (Option C—that's <meta charset>), or create a comment (Option D).
Q5. Which HTML form input type provides a date picker interface in modern browsers?
A. <input type="text" pattern="date">
, B. <input type="calendar">
C. <input type="date"> [CORRECT]
D. <input type="datetime">
Correct Answer: C
Rationale: <input type="date"> creates a date picker control in supporting
browsers. Option A uses pattern validation but no native picker. Option B is not a valid
input type. Option D (datetime) was removed from HTML5; use datetime-local for
date and time together.
Q6. Which attribute is REQUIRED for the <img> element to be valid HTML5 and
accessible?
A. title
B. src and alt [CORRECT]
C. width and height
D. class and id
Correct Answer: B
Rationale: The src attribute is required to specify the image source. The alt attribute
is required for accessibility (WCAG 2.2) and provides alternative text for screen readers
and when images fail to load. While width/height (Option C) improve performance,
they are not required. title (Option A) and class/id (Option D) are optional.
