HTML Is the New Way to Learn: Interactive Quizzes, Study Guides, and Dashboards on Demand

Flashcard apps give you their templates. PDFs give you a wall of text. AI-generated HTML gives you a study tool shaped to exactly what you're learning this week.

Learning materials are stuck in two formats

Look at what studying actually runs on today, and you'll find two formats from two different decades:

The PDF.: Lecture slides, study guides, past papers. Static, linear, read passively. The digital equivalent of a photocopied handout.
The app.: Quizlet, Anki, Kahoot. Interactive, but generic — you pour your course material into someone else's templates, behind someone else's accounts, surrounded by someone else's upsells.

Both formats share the same flaw: the tool was built before your course existed. A flashcard app doesn't know that your professor loves trick questions about enzyme kinetics. A PDF can't quiz you, can't shuffle, can't tell you which topics you keep getting wrong.

For thirty years that was just the deal. The tools were fixed; your learning had to fit them.

What changed

AI agents changed the economics of custom software. When Claude, Cursor, or ChatGPT can build a complete, working, interactive web page from a paragraph of description, the cost of a study tool built for this exact exam drops to zero.

Not a generic quiz app. A practice test generated from your lecture notes, with your professor's terminology, weighted toward the topics you're weakest on — produced in thirty seconds as a single HTML file.

This is the same shift we wrote about in HTML is the new Markdown, applied to education. HTML isn't just a delivery format for documents. It's the entire web platform: instant-feedback quizzes, keyboard-driven flashcards, progress dashboards, explorable diagrams. Markdown gives you a study document. HTML gives you a study tool.

What an HTML study tool actually looks like

These are the patterns we see published on host-html every day during exam season:

The self-grading practice quiz

Twenty questions generated from lecture notes. Click an answer, get instant feedback, see an explanation for why the wrong answers are wrong. A score summary at the end that tells you which topics to revisit. No login. No app. Just a page.

The flashcard deck

Spacebar to flip, arrow keys to navigate, a shuffle button, and a "hard pile" that resurfaces the cards you missed. Everything Anki does for a single deck — without installing Anki.

The exam dashboard

A countdown to exam day, a checklist of topics with confidence sliders, links to your practice quizzes, and a "what to do today" section. One page that turns a vague sense of dread into a plan.

The explorable explanation

Drag a slider, watch the supply curve shift. Change the angle, see the projectile's path redraw. For anything with a formula behind it, an interactive diagram beats ten paragraphs of prose — and AI generates the whole thing as inline SVG and a few lines of JavaScript.

The prompts that get you there

Drop any of these into Claude Code, Cursor, or your agent of choice. The key phrase is single self-contained HTML file — it guarantees you get one portable artifact with everything inlined.

"Turn these lecture notes into a 20-question practice quiz as a single self-contained HTML file. Multiple choice, instant feedback on each answer, explanations for wrong answers, and a final score with the topics I should review."

"Build a flashcard page from this vocabulary list as a single self-contained HTML file. Spacebar flips the card, arrow keys move between cards, and missed cards go into a review pile."

"Create an exam prep dashboard for my statistics final on June 18. Countdown timer, topic checklist with confidence ratings stored in localStorage, and a daily study plan. Single self-contained HTML file."

Then share it with one link

Here's where HTML beats every app: distribution is a URL.

Drop the file on host-html and you get a public link in five seconds. Paste it in the study group chat. Project the QR code in a lecture hall and watch thirty phones load the same quiz. Send it to the classmate who missed Tuesday. Nobody installs anything. Nobody creates an account. Nobody needs to be on the right platform.

If you're working inside an agent, it can publish for you:

npx skills add phanosh/host-html --skill hosthtml-publish -g -y

Then "publish this as a web page" returns a live URL inside the conversation.

Learn, share, dispose

The part nobody designs for: study materials have a natural lifespan. The quiz for next Thursday's midterm is intensely useful for about two weeks. After the exam, it's clutter.

A free host-html page expires a few days after you publish it — long enough for a study sprint, short enough that it never becomes clutter — and for learning artifacts, that's not a limitation, it's the correct default. The page lives exactly as long as the studying does, then cleans up after itself. No abandoned Quizlet sets. No dead links in old group chats. No digital landfill.

When something should outlive the exam — a tutor's reusable course materials, a teacher's semester resources — Pro pages live forever and get custom slugs. The lifecycle is your choice, not the platform's.

For teachers: you can see if they actually opened it

Publish a quiz before class, and the page's stats tell you how many students opened it — views, unique visitors, and a daily chart, on every page, free. We wrote about why we built that in Why we added analytics.