HTML5 Semantic Elements WGU
C777 LATEST UPDATED 2026/2027
ACTUAL QUESTIONS AND CORRECT
VERIFIED ANSWERS (MOST
RECENT!!!)
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>
Correct Answer: B
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. <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
Correct Answer: C
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.
Correct Answer: A
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) 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>
Correct Answer: C
This option correctly uses semantic HTML5 elements: <nav> for navigation, <header> for
top logo/intro content, <footer> for copyright/bottom info, and <main> for the primary page
content .
5) Which type of content should use an <aside>?
A) News feeds
B) Site copyrights
C) Headlines
D) Navigation menus
Correct Answer: A
The <aside> element is designed to provide supplementary information or content that is
secondary to the main content of the web page. News feeds are a common example of
content that should be placed within an <aside> element, as they provide an additional
layer of information that supports the main content .
6) Which element should a developer use for a bulleted list?
A) <ul>
B) <ol>
C) <dl>
D) <p>
, Correct Answer: A
The <ul> tag is a fundamental element for creating an unordered (bulleted) list. <ol> creates
an ordered (numbered) list, <dl> creates a description list, and <p> creates a paragraph .
HTML5 Media & Forms
7) A web developer needs to play an audio file endlessly. The developer writes the
following HTML code:
html
<audio>
<source src = "media/audio.ogg" type="audio/ogg" />
</audio>
Which attribute should this developer use?
A) controls
B) autoplay
C) loop
D) src
Correct Answer: C
The "loop" attribute is used in HTML to playback an audio file continuously. "src" and "type"
specify the source and type of the audio file, while "autoplay" starts playback automatically
but does not ensure continuous playback .
8) Which attribute is used to display an image inside a <video> element before the
video starts playing?
A) src
B) img
C777 LATEST UPDATED 2026/2027
ACTUAL QUESTIONS AND CORRECT
VERIFIED ANSWERS (MOST
RECENT!!!)
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>
Correct Answer: B
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. <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
Correct Answer: C
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.
Correct Answer: A
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) 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>
Correct Answer: C
This option correctly uses semantic HTML5 elements: <nav> for navigation, <header> for
top logo/intro content, <footer> for copyright/bottom info, and <main> for the primary page
content .
5) Which type of content should use an <aside>?
A) News feeds
B) Site copyrights
C) Headlines
D) Navigation menus
Correct Answer: A
The <aside> element is designed to provide supplementary information or content that is
secondary to the main content of the web page. News feeds are a common example of
content that should be placed within an <aside> element, as they provide an additional
layer of information that supports the main content .
6) Which element should a developer use for a bulleted list?
A) <ul>
B) <ol>
C) <dl>
D) <p>
, Correct Answer: A
The <ul> tag is a fundamental element for creating an unordered (bulleted) list. <ol> creates
an ordered (numbered) list, <dl> creates a description list, and <p> creates a paragraph .
HTML5 Media & Forms
7) A web developer needs to play an audio file endlessly. The developer writes the
following HTML code:
html
<audio>
<source src = "media/audio.ogg" type="audio/ogg" />
</audio>
Which attribute should this developer use?
A) controls
B) autoplay
C) loop
D) src
Correct Answer: C
The "loop" attribute is used in HTML to playback an audio file continuously. "src" and "type"
specify the source and type of the audio file, while "autoplay" starts playback automatically
but does not ensure continuous playback .
8) Which attribute is used to display an image inside a <video> element before the
video starts playing?
A) src
B) img
