WGU C777
WGU C777 Objective Assessment: The Ultimate 200-
Question Practice Exam with Answers & Rationales
Section 1: HTML5 Structure & Semantic Elements (Questions 1-20)
This section focuses on the purpose and correct use of semantic HTML5 elements for structuring
web content .
1. Which HTML5 element is used to define independent, self-contained content that could be
distributed and reused?
A) <section>
B) <article>
C) <div>
D) <aside>
Answer: B) <article>
Rationale: The <article> element represents a self-contained composition in a document, page,
application, or site, such as a forum post, magazine article, or blog entry. This makes it suitable for
syndication or reuse. <section> groups related content, <div> is a generic container,
and <aside> contains tangentially related content .
2. HTML5 has introduced specific elements to structure Web pages. In which structure element
should you include hypertext menus to access various pages of the Web site?
A) The <article> structure element
B) The <aside> structure element
C) The <nav> structure element
D) The <section> structure element
Answer: C) The <nav> structure element
Rationale: The <nav> element is specifically designed to contain navigation links—hypertext menus
that allow users to access various pages of the website. This semantic element helps both browsers
and assistive technologies identify the primary navigation area of a webpage .
3. Describe a scenario in which using an <aside> element would be appropriate in a web page.
A) An <aside> element would be appropriate for displaying a sidebar with related links or additional
information that complements the main content.
B) An <aside> element should be used for the main article content of the page.
C) An <aside> element is used to define the header of a webpage.
D) An <aside> element is best used for creating a footer section.
Answer: A) An <aside> element would be appropriate for displaying a sidebar with related links or
additional information that complements the main content.
Rationale: The <aside> element is designed for content that is tangentially related to the main
content, such as sidebars, pull quotes, or related links. It should not be used for main content,
headers, or footers .
4. Which HTML5 element defines the main content of a document?
A) <main>
B) <body>
, WGU C777
C) <header>
D) <section>
Answer: A) <main>
Rationale: The <main> element specifies the primary content of the document, which should be
unique to that document, excluding headers, footers, and sidebars .
5. What is the primary purpose of the <header> element in HTML5?
A) To contain the main content of the page
B) To contain metadata, title, and links to external resources
C) To contain introductory content or a set of navigational links for a page or section
D) To contain the footer content
Answer: C) To contain introductory content or a set of navigational links for a page or section
Rationale: The <header> element represents introductory content or a group of navigational aids. It
is not page-specific but can be used within sections or articles to introduce them .
6. A screen reader user is navigating a webpage. Which element helps them skip directly to the
main content?
A) <header>
B) <nav>
C) <main>
D) <aside>
Answer: C) <main>
Rationale: The <main> element semantically defines the primary content of a document, and
landmarks like <main> are often used by assistive technologies to help users navigate directly to the
main content area .
7. Roshon wants to create an HTML5-compliant page that has four sections: a section that
contains the site navigation links, top and bottom sections that contain a logo and copyright
information, and a section that contains the main message of the page. Which elements should
Roshon use to create these sections?
A) <div>, <div>, <div>, <div>
B) <navigation>, <header>, <footer>, <body>
C) <nav>, <header>, <footer>, <main>
D) <menu>, <top>, <bottom>, <content>
Answer: C) <nav>, <header>, <footer>, <main>
Rationale: <nav> is for navigation links, <header> for introductory content (like a logo), <footer> for
copyright and meta information, and <main> for the central content of the page .
8. Which HTML5 element is used to group related content, often with a heading?
A) <article>
B) <section>
C) <div>
D) <aside>
, WGU C777
Answer: B) <section>
Rationale: The <section> element is used to group thematically related content. Unlike <article>, it is
not necessarily independently distributable .
9. What is the purpose of the <head> element in an HTML document?
A) To contain the main content of the page
B) To contain metadata, title, and links to external resources
C) To contain the navigation links
D) To contain the footer content
Answer: B) To contain metadata, title, and links to external resources
Rationale: The <head> element contains metadata about the document, the page title, and links to
external resources such as stylesheets and scripts .
10. Which HTML element is used to define a caption for a <figure> element?
A) <caption>
B) <figcaption>
C) <label>
D) <legend>
Answer: B) <figcaption>
Rationale: The <figcaption> element provides a caption or description for the content of its
parent <figure> element .
11. Which of the following are valid HTML5 elements for marking up contact information or author
details? (Select all that apply)
A) <address>
B) <author>
C) <contact>
D) <footer>
Answer: A) <address> and D) <footer>
Rationale: <address> is specifically for contact information. A <footer> often contains
an <address> or other authoring information. <author> and <contact> are not valid HTML elements .
12. What is the correct HTML5 element for embedding an external application or interactive
content?
A) <embed>
B) <object>
C) Both A and B
D) <applet>
Answer: C) Both A and B
Rationale: Both <embed> and <object> can embed external content. <embed> is simpler,
while <object> is older but more flexible. <applet> is deprecated .
13. What does the <param> element do inside an <object> element?
A) Provides parameters (name-value pairs) to the embedded object
B) Provides parameters for the HTML page
, WGU C777
C) Provides parameters for CSS
D) Provides parameters for JavaScript
Answer: A) Provides parameters (name-value pairs) to the embedded object
Rationale: The <param> element is used inside an <object> to pass parameters (as name-value pairs)
to the external application being embedded .
14. What is an advantage of using HTML5 APIs when designing Web pages for mobile devices?
A) HTML5 APIs use fewer resources than a proprietary browser plug-in does, such as battery power
and CPU memory
B) HTML5 APIs streamline the application of proprietary browser plug-ins when plug-ins are included
in Web pages designed for mobile devices
C) HTML5 APIs make Web pages non-responsive to varying user screen sizes, thereby saving battery
power and CPU memory
D) HTML5 APIs eliminate the need for Cascading Style Sheets, thereby saving battery power and CPU
memory
Answer: A) HTML5 APIs use fewer resources than a proprietary browser plug-in does, such as
battery power and CPU memory
Rationale: HTML5 APIs (Geolocation, Web Storage, Drag-and-Drop, etc.) are natively supported by
modern browsers and do not require resource-heavy third-party plug-ins like Flash or Silverlight. This
reduces battery consumption and CPU usage on mobile devices .
15. HTML5 APIs can be used to:
A) determine how to display HTML elements in your Web pages
B) call another location in the Web page or a separate Web page when the API is selected
C) provide a development environment that enables the seamless use of proprietary browser plug-
ins
D) create apps for mobile devices
Answer: D) create apps for mobile devices
Rationale: HTML5 APIs enable developers to create rich, interactive applications that run in
browsers across multiple devices, including mobile devices. APIs like Geolocation, Web Storage, and
Device Orientation allow web applications to function similarly to native apps .
16. What is the "web development trifecta"?
A) HTML, CSS, PHP
B) HTML, CSS, JavaScript
C) HTML, CSS, MySQL
D) HTML, JavaScript, PHP
Answer: B) HTML, CSS, JavaScript
Rationale: The web development trifecta consists of HTML (structure), CSS (presentation), and
JavaScript (behavior/interactivity) .
17. Which HTML5 element should be used to define the footer for a document or a section?
A) <footer>
B) <bottom>
C) <end>
D) <section>
WGU C777 Objective Assessment: The Ultimate 200-
Question Practice Exam with Answers & Rationales
Section 1: HTML5 Structure & Semantic Elements (Questions 1-20)
This section focuses on the purpose and correct use of semantic HTML5 elements for structuring
web content .
1. Which HTML5 element is used to define independent, self-contained content that could be
distributed and reused?
A) <section>
B) <article>
C) <div>
D) <aside>
Answer: B) <article>
Rationale: The <article> element represents a self-contained composition in a document, page,
application, or site, such as a forum post, magazine article, or blog entry. This makes it suitable for
syndication or reuse. <section> groups related content, <div> is a generic container,
and <aside> contains tangentially related content .
2. HTML5 has introduced specific elements to structure Web pages. In which structure element
should you include hypertext menus to access various pages of the Web site?
A) The <article> structure element
B) The <aside> structure element
C) The <nav> structure element
D) The <section> structure element
Answer: C) The <nav> structure element
Rationale: The <nav> element is specifically designed to contain navigation links—hypertext menus
that allow users to access various pages of the website. This semantic element helps both browsers
and assistive technologies identify the primary navigation area of a webpage .
3. Describe a scenario in which using an <aside> element would be appropriate in a web page.
A) An <aside> element would be appropriate for displaying a sidebar with related links or additional
information that complements the main content.
B) An <aside> element should be used for the main article content of the page.
C) An <aside> element is used to define the header of a webpage.
D) An <aside> element is best used for creating a footer section.
Answer: A) An <aside> element would be appropriate for displaying a sidebar with related links or
additional information that complements the main content.
Rationale: The <aside> element is designed for content that is tangentially related to the main
content, such as sidebars, pull quotes, or related links. It should not be used for main content,
headers, or footers .
4. Which HTML5 element defines the main content of a document?
A) <main>
B) <body>
, WGU C777
C) <header>
D) <section>
Answer: A) <main>
Rationale: The <main> element specifies the primary content of the document, which should be
unique to that document, excluding headers, footers, and sidebars .
5. What is the primary purpose of the <header> element in HTML5?
A) To contain the main content of the page
B) To contain metadata, title, and links to external resources
C) To contain introductory content or a set of navigational links for a page or section
D) To contain the footer content
Answer: C) To contain introductory content or a set of navigational links for a page or section
Rationale: The <header> element represents introductory content or a group of navigational aids. It
is not page-specific but can be used within sections or articles to introduce them .
6. A screen reader user is navigating a webpage. Which element helps them skip directly to the
main content?
A) <header>
B) <nav>
C) <main>
D) <aside>
Answer: C) <main>
Rationale: The <main> element semantically defines the primary content of a document, and
landmarks like <main> are often used by assistive technologies to help users navigate directly to the
main content area .
7. Roshon wants to create an HTML5-compliant page that has four sections: a section that
contains the site navigation links, top and bottom sections that contain a logo and copyright
information, and a section that contains the main message of the page. Which elements should
Roshon use to create these sections?
A) <div>, <div>, <div>, <div>
B) <navigation>, <header>, <footer>, <body>
C) <nav>, <header>, <footer>, <main>
D) <menu>, <top>, <bottom>, <content>
Answer: C) <nav>, <header>, <footer>, <main>
Rationale: <nav> is for navigation links, <header> for introductory content (like a logo), <footer> for
copyright and meta information, and <main> for the central content of the page .
8. Which HTML5 element is used to group related content, often with a heading?
A) <article>
B) <section>
C) <div>
D) <aside>
, WGU C777
Answer: B) <section>
Rationale: The <section> element is used to group thematically related content. Unlike <article>, it is
not necessarily independently distributable .
9. What is the purpose of the <head> element in an HTML document?
A) To contain the main content of the page
B) To contain metadata, title, and links to external resources
C) To contain the navigation links
D) To contain the footer content
Answer: B) To contain metadata, title, and links to external resources
Rationale: The <head> element contains metadata about the document, the page title, and links to
external resources such as stylesheets and scripts .
10. Which HTML element is used to define a caption for a <figure> element?
A) <caption>
B) <figcaption>
C) <label>
D) <legend>
Answer: B) <figcaption>
Rationale: The <figcaption> element provides a caption or description for the content of its
parent <figure> element .
11. Which of the following are valid HTML5 elements for marking up contact information or author
details? (Select all that apply)
A) <address>
B) <author>
C) <contact>
D) <footer>
Answer: A) <address> and D) <footer>
Rationale: <address> is specifically for contact information. A <footer> often contains
an <address> or other authoring information. <author> and <contact> are not valid HTML elements .
12. What is the correct HTML5 element for embedding an external application or interactive
content?
A) <embed>
B) <object>
C) Both A and B
D) <applet>
Answer: C) Both A and B
Rationale: Both <embed> and <object> can embed external content. <embed> is simpler,
while <object> is older but more flexible. <applet> is deprecated .
13. What does the <param> element do inside an <object> element?
A) Provides parameters (name-value pairs) to the embedded object
B) Provides parameters for the HTML page
, WGU C777
C) Provides parameters for CSS
D) Provides parameters for JavaScript
Answer: A) Provides parameters (name-value pairs) to the embedded object
Rationale: The <param> element is used inside an <object> to pass parameters (as name-value pairs)
to the external application being embedded .
14. What is an advantage of using HTML5 APIs when designing Web pages for mobile devices?
A) HTML5 APIs use fewer resources than a proprietary browser plug-in does, such as battery power
and CPU memory
B) HTML5 APIs streamline the application of proprietary browser plug-ins when plug-ins are included
in Web pages designed for mobile devices
C) HTML5 APIs make Web pages non-responsive to varying user screen sizes, thereby saving battery
power and CPU memory
D) HTML5 APIs eliminate the need for Cascading Style Sheets, thereby saving battery power and CPU
memory
Answer: A) HTML5 APIs use fewer resources than a proprietary browser plug-in does, such as
battery power and CPU memory
Rationale: HTML5 APIs (Geolocation, Web Storage, Drag-and-Drop, etc.) are natively supported by
modern browsers and do not require resource-heavy third-party plug-ins like Flash or Silverlight. This
reduces battery consumption and CPU usage on mobile devices .
15. HTML5 APIs can be used to:
A) determine how to display HTML elements in your Web pages
B) call another location in the Web page or a separate Web page when the API is selected
C) provide a development environment that enables the seamless use of proprietary browser plug-
ins
D) create apps for mobile devices
Answer: D) create apps for mobile devices
Rationale: HTML5 APIs enable developers to create rich, interactive applications that run in
browsers across multiple devices, including mobile devices. APIs like Geolocation, Web Storage, and
Device Orientation allow web applications to function similarly to native apps .
16. What is the "web development trifecta"?
A) HTML, CSS, PHP
B) HTML, CSS, JavaScript
C) HTML, CSS, MySQL
D) HTML, JavaScript, PHP
Answer: B) HTML, CSS, JavaScript
Rationale: The web development trifecta consists of HTML (structure), CSS (presentation), and
JavaScript (behavior/interactivity) .
17. Which HTML5 element should be used to define the footer for a document or a section?
A) <footer>
B) <bottom>
C) <end>
D) <section>
