HTML Playground

A blank editor with a live preview. Write any HTML — including <style> and <script> elements — and the result updates as you type.

Try it yourself
Result

Ideas to try

  • Build a recipe page with an ingredients list, numbered steps and a photo with a caption (lessons 14 and 18).
  • Make a contact form with labelled fields and validation (lessons 26–32).
  • Create a comparison table with a caption and header cells (lessons 19–20).
  • Add a dialog that opens from a button (lesson 38).

Notes

  • Press Reset to restore the starter page.
  • The preview runs in a sandbox-like frame; links that navigate away will load inside it.
  • For real projects, save your work as an .html file and open it in a browser — see lesson 02.
PreviousProject: Portfolio Page