WGU C777 OBJECTIVE ASSESSMENT PRACTICE TEST
BANK 2026 | Questions and Correct Verified Answers | C777
OA Web Development Applications | Most Recent | Pass
Guaranteed - A+ Graded
Competency 1: HTML5 and Semantic Markup (18 Questions)
Q1: A developer is building a news website and needs to mark up an independent article
that could be syndicated across different platforms. Which HTML5 element is most
semantically appropriate for this content?
A. <section>
B. <div class="article">
C. <article> [CORRECT]
D. <main>
Correct Answer: C
Rationale: The <article> element represents a self-contained composition in a
document, page, application, or site, which is intended to be independently distributable
or reusable (e.g., in syndication). This includes forum posts, magazine or newspaper
articles, blog entries, product cards, user-submitted comments, or any other
independent item of content. Option A (<section>) is for thematic grouping of
content, typically with a heading, but doesn't imply independence or reusability. Option B
uses a generic div with a class, which lacks semantic meaning and fails accessibility
requirements. Option D (<main>) represents the dominant content of the body, not
individual articles.
,Q2: Which HTML5 attribute is used to specify that an input field must be filled out
before submitting a form?
A. validate
B. mandatory
C. required [CORRECT]
D. must-fill
Correct Answer: C
Rationale: The required attribute is a Boolean attribute that, when present, specifies
that an input field must be filled out before the user can submit the form. This is part of
HTML5's built-in form validation API. Option A (validate) is not a standard HTML
attribute. Option B (mandatory) does not exist in HTML specifications. Option D
(must-fill) is not valid HTML. The required attribute works across modern
browsers and provides immediate client-side validation before server submission.
Q3: A web developer needs to create a navigation menu for a website. Which HTML5
semantic element should be used to wrap the primary navigation links?
A. <nav> [CORRECT]
B. <menu>
C. <navigation>
D. <header>
Correct Answer: A
Rationale: The <nav> element represents a section of a page whose purpose is to
provide navigation links, either within the current document or to other documents.
Common examples of navigation sections are menus, tables of contents, and indexes.
While <header> (Option D) often contains navigation, it primarily represents
,introductory content. Option B (<menu>) is an experimental/deprecated element not
intended for general navigation. Option C (<navigation>) does not exist in HTML5.
Using <nav> improves accessibility as screen readers can identify and navigate to
major navigation blocks.
Q4: Which meta tag is essential for ensuring proper responsive behavior on mobile
devices?
A. <meta name="mobile" content="true">
B. <meta name="viewport" content="width=device-width,
initial-scale=1.0"> [CORRECT]
C. <meta name="responsive" content="enabled">
D. <meta http-equiv="screen" content="mobile">
Correct Answer: B
Rationale: The viewport meta tag with width=device-width sets the viewport width
to the device's width, while initial-scale=1.0 sets the initial zoom level to 100%.
Without this tag, mobile browsers will render pages at a typical desktop screen width
and scale them down, requiring users to zoom and pan. Options A, C, and D use
non-standard attribute names that browsers do not recognize. This meta tag is
fundamental to responsive web design and mobile-first development approaches.
Q5: In an HTML form, which input type should be used to collect a user's email address
with built-in validation?
A. <input type="text" pattern="email">
B. <input type="email"> [CORRECT]
C. <input type="mail">
D. <input type="address" format="email">
, Correct Answer: B
Rationale: The type="email" input type creates a field for entering an email address.
It provides built-in validation to ensure the entered value matches the email format
(containing "@" and domain structure). On mobile devices, it also displays an optimized
keyboard with "@" and "." symbols easily accessible. Option A uses a pattern attribute
incorrectly (pattern requires a regex value). Options C and D use non-existent input
types. The email type provides semantic meaning, validation, and enhanced user
experience across devices.
Q6: Which HTML5 element is used to mark up a date or time in a machine-readable
format?
A. <date>
B. <datetime>
C. <time> [CORRECT]
D. <timestamp>
Correct Answer: C
Rationale: The <time> element represents a specific period in time, with an optional
datetime attribute to translate the content into a machine-readable format. For
example: <time datetime="2026-04-03">April 3, 2026</time>. This
enables search engines, calendars, and other tools to extract temporal information.
Options A (<date>) and D (<timestamp>) do not exist in HTML5. Option B
(<datetime>) was considered but not implemented; the datetime attribute is used
within the <time> element instead.
BANK 2026 | Questions and Correct Verified Answers | C777
OA Web Development Applications | Most Recent | Pass
Guaranteed - A+ Graded
Competency 1: HTML5 and Semantic Markup (18 Questions)
Q1: A developer is building a news website and needs to mark up an independent article
that could be syndicated across different platforms. Which HTML5 element is most
semantically appropriate for this content?
A. <section>
B. <div class="article">
C. <article> [CORRECT]
D. <main>
Correct Answer: C
Rationale: The <article> element represents a self-contained composition in a
document, page, application, or site, which is intended to be independently distributable
or reusable (e.g., in syndication). This includes forum posts, magazine or newspaper
articles, blog entries, product cards, user-submitted comments, or any other
independent item of content. Option A (<section>) is for thematic grouping of
content, typically with a heading, but doesn't imply independence or reusability. Option B
uses a generic div with a class, which lacks semantic meaning and fails accessibility
requirements. Option D (<main>) represents the dominant content of the body, not
individual articles.
,Q2: Which HTML5 attribute is used to specify that an input field must be filled out
before submitting a form?
A. validate
B. mandatory
C. required [CORRECT]
D. must-fill
Correct Answer: C
Rationale: The required attribute is a Boolean attribute that, when present, specifies
that an input field must be filled out before the user can submit the form. This is part of
HTML5's built-in form validation API. Option A (validate) is not a standard HTML
attribute. Option B (mandatory) does not exist in HTML specifications. Option D
(must-fill) is not valid HTML. The required attribute works across modern
browsers and provides immediate client-side validation before server submission.
Q3: A web developer needs to create a navigation menu for a website. Which HTML5
semantic element should be used to wrap the primary navigation links?
A. <nav> [CORRECT]
B. <menu>
C. <navigation>
D. <header>
Correct Answer: A
Rationale: The <nav> element represents a section of a page whose purpose is to
provide navigation links, either within the current document or to other documents.
Common examples of navigation sections are menus, tables of contents, and indexes.
While <header> (Option D) often contains navigation, it primarily represents
,introductory content. Option B (<menu>) is an experimental/deprecated element not
intended for general navigation. Option C (<navigation>) does not exist in HTML5.
Using <nav> improves accessibility as screen readers can identify and navigate to
major navigation blocks.
Q4: Which meta tag is essential for ensuring proper responsive behavior on mobile
devices?
A. <meta name="mobile" content="true">
B. <meta name="viewport" content="width=device-width,
initial-scale=1.0"> [CORRECT]
C. <meta name="responsive" content="enabled">
D. <meta http-equiv="screen" content="mobile">
Correct Answer: B
Rationale: The viewport meta tag with width=device-width sets the viewport width
to the device's width, while initial-scale=1.0 sets the initial zoom level to 100%.
Without this tag, mobile browsers will render pages at a typical desktop screen width
and scale them down, requiring users to zoom and pan. Options A, C, and D use
non-standard attribute names that browsers do not recognize. This meta tag is
fundamental to responsive web design and mobile-first development approaches.
Q5: In an HTML form, which input type should be used to collect a user's email address
with built-in validation?
A. <input type="text" pattern="email">
B. <input type="email"> [CORRECT]
C. <input type="mail">
D. <input type="address" format="email">
, Correct Answer: B
Rationale: The type="email" input type creates a field for entering an email address.
It provides built-in validation to ensure the entered value matches the email format
(containing "@" and domain structure). On mobile devices, it also displays an optimized
keyboard with "@" and "." symbols easily accessible. Option A uses a pattern attribute
incorrectly (pattern requires a regex value). Options C and D use non-existent input
types. The email type provides semantic meaning, validation, and enhanced user
experience across devices.
Q6: Which HTML5 element is used to mark up a date or time in a machine-readable
format?
A. <date>
B. <datetime>
C. <time> [CORRECT]
D. <timestamp>
Correct Answer: C
Rationale: The <time> element represents a specific period in time, with an optional
datetime attribute to translate the content into a machine-readable format. For
example: <time datetime="2026-04-03">April 3, 2026</time>. This
enables search engines, calendars, and other tools to extract temporal information.
Options A (<date>) and D (<timestamp>) do not exist in HTML5. Option B
(<datetime>) was considered but not implemented; the datetime attribute is used
within the <time> element instead.
