Paste HTML
Add your markup to the input.
Code & Data Tool
HTML Formatter
Format HTML, inspect structure, and extract useful page details.
Loading workspace...
About this tool
What is HTML Formatter?
HTML Formatter re-indents messy HTML so the structure is easy to follow. It also inspects the markup and pulls out useful page details, which is handy when you are reading someone else's template or debugging layout problems.
Useful when you need to
- Read HTML copied from a page's source
- Tidy a hand-written web assignment
- Spot where tags nest incorrectly
How to use
How to use HTML Formatter
01 02 Format
Run the formatter to apply consistent indentation.
03 Review the details
Read the structure information shown with the result.
04 Copy
Copy the formatted HTML back into your project.
Tips
Get better results
- Formatting does not fix broken tags. Use the HTML Validator to find them.
- Whitespace inside pre and textarea elements matters, so double-check those after formatting.
FAQ
Frequently asked questions
Does it run my scripts?
No. The HTML is treated as text and not executed.
Will it change how my page looks?
Normally no, but extra whitespace between inline elements can affect spacing in rare cases.
Is the code sent to a server?
No. It stays in your browser.
More practical guides · File handling and privacy · Report an incorrect instruction