HTML Course Assessment

PART 2 · CODE CHALLENGES

Build markup that passes a real structure check.

Edit each starter, preview the result here, then run the automatic requirements check.

challenge.html

Code

<header>
  <p>SovranCode Field Notes</p>
</header>

<!-- Add navigation to #review -->

<!-- Turn this content into a semantic article inside main -->
<div>
  <div>How I review an HTML page</div>
  <p>Published August 26, 2026</p>
  <p>A reliable review starts with meaning before presentation.</p>

  <div id="review">The review sequence</div>
  <p>Read the page without CSS, inspect its outline, then use only a keyboard.</p>
</div>

<footer>Written for developers learning semantic HTML.</footer>

<header>
  <p>SovranCode Field Notes</p>
</header>

<!-- Add navigation to #review -->

<!-- Turn this content into a semantic article inside main -->
<div>
  <div>How I review an HTML page</div>
  <p>Published August 26, 2026</p>
  <p>A reliable review starts with meaning before presentation.</p>

  <div id="review">The review sequence</div>
  <p>Read the page without CSS, inspect its outline, then use only a keyboard.</p>
</div>

<footer>Written for developers learning semantic HTML.</footer>

Result

Practice here: edit your HTML or CSS and compare the result. Live preview updates after a short pause. Scripts, form submissions, and external resources are blocked. Wide previews scroll inside this panel. Running code does not grade or save it; use the separate learning and save controls.

Your privacy choices

Knowing the tag is not enough. Use it well.

Practice again

Prove the knowledge, then prove the skill.

Eight decisions an HTML author should be able to explain.

Your next review steps

Hints: semantic article

Build markup that passes a real structure check.

Code

Result