Forms and debugging

Final HTML check

Review the complete course with one practical page checklist and a mixed quiz covering documents, text, links, media, tables, and accessibility.

You now have enough HTML to build a solid page without hiding behind a framework.

Before you call a page finished, review it from the outside in. This checklist covers what we built across the course, including the personal page you have been improving in the practice lessons.

Document

  • start with <!doctype html>
  • set the document language on html
  • include UTF-8 encoding, viewport metadata, and a useful title
  • keep visible content in body

Content

  • use one clear main heading and logical subheadings
  • use paragraphs and lists for the content they represent
  • write descriptive link text and verify relative paths
  • choose semantic containers before generic divs

Media and data

  • write contextual alt text for informative images
  • include width and height on images to prevent layout shift
  • add captions and media controls where audio or video matters
  • use tables only for tabular data, with header cells

Accessibility and debugging

  • prefer native elements over custom clickable divs
  • navigate the page with the keyboard alone
  • validate the HTML
  • inspect the browser DOM and failed Network requests when something looks wrong

If a page looks broken, resist the urge to add more markup immediately. Check structure, nesting, and paths first. Simple HTML is easier to understand and repair.

Complete these four short quizzes to finish the course.

Quick check

Result

You got of right.

Quick check

Result

You got of right.

Quick check

Result

You got of right.

Quick check

Result

You got of right.

Lesson completed