Help improve SovranCode?

Google Analytics can measure anonymous usage after you choose Allow. Essential account and progress features work either way.

HTML course
HTML COURSE ASSESSMENT

Knowing the tag is not enough. Use it well.

Measure recall with a focused quiz, then complete three practical challenges whose document structure is checked in your browser and rechecked on the server when saving to your account. Older browser-only passes must be retaken. These structural checks do not certify accessibility or authorship.

Pass requirements
75% quiz score 3 code challenges

Retake any part whenever you need. This is feedback for learning, not a locked exam.

Back to final lesson: HTML Element ReferenceReview from the first lesson (keeps progress)

Practice again

Restart just the quiz, the selected challenge, or everything. You will be asked to confirm. Your completed lessons are never reset.

Selected challenge: Publish a semantic field note

YOUR ASSESSMENT STATUS

Prove the knowledge, then prove the skill.

Pass the knowledge quiz with 75% or higher and complete all three automatically checked code challenges.

—Quiz score
0/3Challenges
PART 1 · KNOWLEDGE QUIZ

Eight decisions an HTML author should be able to explain.

Choose one answer for every question. You can retake the quiz; the newest result replaces the previous score.

01Where should the primary language of an HTML document be declared?
02A control takes the user to another page. Which element is the correct starting point?
03How should a heading level normally be chosen?
04What alt value should a purely decorative image usually have?
05What creates a reliable explicit relationship between a label and an input?
06Which attribute clarifies that a th element is a column header?
07Which pair lets the browser choose an appropriate responsive image candidate?
08Which button type submits its owning form?

Your next review steps

Grade the quiz to receive question-specific review links.

    Unfinished challenges need a fresh check before requirement-level review can be shown. They are not assumed to be failed.

    Apply everything in the final project

    Hints: semantic article

    Try your own change after each hint. Viewing help does not complete the challenge.

    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.

    FOUNDATION CHALLENGE

    Publish a semantic field note

    Turn a flat content draft into an article with landmarks, navigation, a useful outline, and machine-readable publication time.

    LandmarksHeadingsLinksTime metadata

    Automatic requirements

    • Use one main landmark for the page's unique content
    • Wrap the field note in an article with its own header
    • Create one h1 followed by at least one h2
    • Add navigation with a link to a section ID
    • Use a time element with a valid datetime value
    challenge.html
    Preview up to date

    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>

    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.

    Run in new window
    Guest results and code stay on this device.
    SovranCode
    Learn
    Learn on SovranCodeCourses5 free learning paths→ExercisesPractice with live challenges→GuidesDirect answers for developers→E-booksFocused field guides→
    Build
    Build on SovranCodeProjectsPortfolio-ready builds→TemplatesSovranCode team marketplace→Developer toolsFast browser utilities→
    Connect
    Connect on SovranCodeForumQuestions and discussions→JournalPractical development notes→AboutWhy SovranCode exists→PricingFree, Plus, and Student Plus→
    Services
    SearchCreate account
    Explore SovranCodeLearn, practice, and build.
    LearnCourses5 free learning paths→ExercisesPractice with live challenges→GuidesDirect answers for developers→E-booksFocused field guides→
    BuildProjectsPortfolio-ready builds→TemplatesSovranCode team marketplace→Developer toolsFast browser utilities→
    ConnectForumQuestions and discussions→JournalPractical development notes→AboutWhy SovranCode exists→PricingFree, Plus, and Student Plus→
    Search
    THE SOVRANCODE PLATFORM

    Learn enough to build something real.

    Start learning
    100Learning modules
    39exercises
    6projects
    2templates
    4E-books
    4guides
    SovranCode

    A free-first programming platform for people who learn best by understanding, practicing, and building.

    ● Core learning content is free
    FollowYouTubePinterestX
    LearnHTML courseCSS courseJSJavaScript coursePython courseC courseSQL courseDeveloper guidesAll exercises
    BuildProjectsTemplate marketBuyer libraryTemplate licensesDeveloper toolsE-books
    CommunityForumJournalContact
    CompanyPricing previewAboutServicesPrivacyEnglish edition. Additional languages will be published only after full editorial review.
    © 2026 SovranCode · Built for curious minds.Next.js · Node.js · PostgreSQL