1|Page
WGU D276 PRE-ASSESSMENT: WEB DEVELOPMENT
FOUNDATIONS (PNVO) 2026/2027 with complete solution
1. A developer needs to display the sentence “The weather is hot.” with the entire
sentence semantically emphasized as important information. Which two HTML
snippets accomplish this?
A. <p><strong>The weather is hot.</strong></p>
B. <p><em>The weather is hot.</em></p>
C. <p><i>The weather is hot.</i></p>
D. <p><mark>The weather is hot.</mark></p>
E. <p><b>The weather is hot.</b></p>
Answer: A and E
2. A developer needs to display the sentence “I love you” with only the word
“love” emphasized as important. Which code is most appropriate?
A. <p>I <strong>love</strong> you</p>
B. <p>I <h1>love</h1> you</p>
C. <p><strong>I love you</strong></p>
D. <p>I <title>love</title> you</p>
Answer: A
3. A webpage needs a valid HTML document containing the browser title “An
Article About HTML,” a level-one heading, and a paragraph in the visible page.
Which structure is correct?
A.
<html>
<body>
<title>An Article About HTML</title>
<h1>An Article About HTML</h1>
<p>It explains how headings work!</p>
</body>
</html>
,2|Page
B.
<html>
<head>
<title>An Article About HTML</title>
</head>
<body>
<h1>An Article About HTML</h1>
<p>It explains how headings work!</p>
</body>
</html>
C.
<html>
<h1>
<title>An Article About HTML</title>
</h1>
<body>
<p>It explains how headings work!</p>
</body>
</html>
D.
<html>
<head>
<h1>An Article About HTML</h1>
</head>
<body>
<title>An Article About HTML</title>
<p>It explains how headings work!</p>
</body>
</html>
Answer: B
4. Which HTML element represents the highest-level heading in a standard
document hierarchy?
,3|Page
A. <h6>
B. <heading>
C. <h1>
D. <head>
Answer: C
5. A developer wants to create a hyperlink to https://www.example.com.
Which code is correct?
A. <a src="https://www.example.com">Visit</a>
B. <a href="https://www.example.com">Visit</a>
C. <link src="https://www.example.com">Visit</link>
D. <url href="https://www.example.com">Visit</url>
Answer: B
6. An image provides meaningful information about a company's headquarters.
Which HTML implementation best supports users who rely on screen readers?
A. <img src="office.jpg">
B. <image src="office.jpg" title="Office">
C. <img src="office.jpg" alt="Company headquarters
building">
D. <img href="office.jpg" description="Company
headquarters building">
Answer: C
7. A developer wants to create a numbered list containing “HTML,” “CSS,” and
“XML.” Which structure is correct?
A.
<ul>
<li>HTML</li>
<li>CSS</li>
<li>XML</li>
</ul>
, 4|Page
B.
<ol>
<li>HTML</li>
<li>CSS</li>
<li>XML</li>
</ol>
C.
<list>
<item>HTML</item>
<item>CSS</item>
<item>XML</item>
</list>
D.
<dl>
<li>HTML</li>
<li>CSS</li>
<li>XML</li>
</dl>
Answer: B
8. A webpage contains a navigation area, the primary content, and a footer. Which
set of semantic elements most appropriately represents these sections?
A. <nav>, <main>, <footer>
B. <span>, <div>, <br>
C. <title>, <head>, <meta>
D. <script>, <style>, <link>
Answer: A
9. A developer wants a table with three column headings: Name, Program, and
Status. Which element should be used for each heading cell?
A. <td>
B. <tr>
WGU D276 PRE-ASSESSMENT: WEB DEVELOPMENT
FOUNDATIONS (PNVO) 2026/2027 with complete solution
1. A developer needs to display the sentence “The weather is hot.” with the entire
sentence semantically emphasized as important information. Which two HTML
snippets accomplish this?
A. <p><strong>The weather is hot.</strong></p>
B. <p><em>The weather is hot.</em></p>
C. <p><i>The weather is hot.</i></p>
D. <p><mark>The weather is hot.</mark></p>
E. <p><b>The weather is hot.</b></p>
Answer: A and E
2. A developer needs to display the sentence “I love you” with only the word
“love” emphasized as important. Which code is most appropriate?
A. <p>I <strong>love</strong> you</p>
B. <p>I <h1>love</h1> you</p>
C. <p><strong>I love you</strong></p>
D. <p>I <title>love</title> you</p>
Answer: A
3. A webpage needs a valid HTML document containing the browser title “An
Article About HTML,” a level-one heading, and a paragraph in the visible page.
Which structure is correct?
A.
<html>
<body>
<title>An Article About HTML</title>
<h1>An Article About HTML</h1>
<p>It explains how headings work!</p>
</body>
</html>
,2|Page
B.
<html>
<head>
<title>An Article About HTML</title>
</head>
<body>
<h1>An Article About HTML</h1>
<p>It explains how headings work!</p>
</body>
</html>
C.
<html>
<h1>
<title>An Article About HTML</title>
</h1>
<body>
<p>It explains how headings work!</p>
</body>
</html>
D.
<html>
<head>
<h1>An Article About HTML</h1>
</head>
<body>
<title>An Article About HTML</title>
<p>It explains how headings work!</p>
</body>
</html>
Answer: B
4. Which HTML element represents the highest-level heading in a standard
document hierarchy?
,3|Page
A. <h6>
B. <heading>
C. <h1>
D. <head>
Answer: C
5. A developer wants to create a hyperlink to https://www.example.com.
Which code is correct?
A. <a src="https://www.example.com">Visit</a>
B. <a href="https://www.example.com">Visit</a>
C. <link src="https://www.example.com">Visit</link>
D. <url href="https://www.example.com">Visit</url>
Answer: B
6. An image provides meaningful information about a company's headquarters.
Which HTML implementation best supports users who rely on screen readers?
A. <img src="office.jpg">
B. <image src="office.jpg" title="Office">
C. <img src="office.jpg" alt="Company headquarters
building">
D. <img href="office.jpg" description="Company
headquarters building">
Answer: C
7. A developer wants to create a numbered list containing “HTML,” “CSS,” and
“XML.” Which structure is correct?
A.
<ul>
<li>HTML</li>
<li>CSS</li>
<li>XML</li>
</ul>
, 4|Page
B.
<ol>
<li>HTML</li>
<li>CSS</li>
<li>XML</li>
</ol>
C.
<list>
<item>HTML</item>
<item>CSS</item>
<item>XML</item>
</list>
D.
<dl>
<li>HTML</li>
<li>CSS</li>
<li>XML</li>
</dl>
Answer: B
8. A webpage contains a navigation area, the primary content, and a footer. Which
set of semantic elements most appropriately represents these sections?
A. <nav>, <main>, <footer>
B. <span>, <div>, <br>
C. <title>, <head>, <meta>
D. <script>, <style>, <link>
Answer: A
9. A developer wants a table with three column headings: Name, Program, and
Status. Which element should be used for each heading cell?
A. <td>
B. <tr>
