HTML Preview
Paste HTML and see it drawn straight away, with a count of the elements and a list of any tags left open.
Results
What this tool does
Sometimes you have a fragment of HTML — from an email template, a documentation page, a snippet someone sent you — and you just want to know what it looks like without making a file and opening it. Paste it here. The page below is drawn as you type, inside a frame with no permissions at all, and the numbers beside it tell you how many elements, links, images and headings there are, and whether every tag that must close actually does.
Formula
walks the tags one by one, skipping comments, script and style, and counts the ones left unclosed
Variables
| Symbol | Meaning | Unit |
|---|---|---|
text | HTML | — |
OUT | What it looks like | — |
EL | Elements | — |
LK | Links | — |
IM | Images | — |
HD | Headings | — |
SR | Scripts | — |
OK | Every tag closes | — |
UC | Tags left open | — |
CH | Characters | — |
Worked example
- HTML<h1>A small page</h1> <p>Some text with a <a href="https://example.com">link</a> in it.</p> <ul> <li>First <li>Second </ul> <p><img src="https://example.com/picture.png" alt="A picture"></p>
- What it looks like<h1>A small page</h1> <p>Some text with a <a href="https://example.com">link</a> in it.</p> <ul> <li>First <li>Second </ul> <p><img src="https://example.com/picture.png" alt="A picture"></p>
- Elements8
- Links1
- Images1
- Headings1
- Scripts0
- Every tag closesYes
- Tags left open—
- Characters194
Limitations
- The calculation runs entirely in your browser. The values you type are never sent to a server.
Frequently asked questions
Is it safe to paste anything in here?
The preview is drawn inside a frame with every permission switched off, so scripts do not run, forms do not submit and the frame cannot see the page around it. What you paste is also never sent anywhere. Treat the preview as a picture of your HTML rather than a working page: if the markup depends on JavaScript, that part will not come to life here.
Why does it say my tags are fine when I never closed the <li>?
Because HTML lets you leave some closing tags out on purpose. A new list item ends the one before it, and the same is true of paragraphs, table cells and rows. Counting those as errors would be a false accusation, so they are not counted. Anything whose closing tag really is required — a div, a span, a section — is still reported.