HTML Beautifier & Formatter

Format HTML code:


HTML Formatter

Enter your messy, minified, or obfuscated HTML into the field above to have it cleaned up and made pretty. The editor above also contains helpful line numbers and syntax highlighting. There are many option to tailor the beautifier to your personal formatting tastes.

When do you use HTML Viewer, HTML Formatter, HTML Formatter

Often when writing HTML your indentation, spacing, and other formatting can become a bit disorganized. It is also common for multiple developers to work on a single project who have different formatting techniques. This tool is helpful for making the formatting of a file consistent. It is also common for HTML to be minified or obfuscated. You can use this tool to make that code look pretty and readable so it is easier to edit.


The minified HTML below:

                                                    <ul class="dropdown-menu">
<li><a href="/javascript-minify">Javascript Minify</a></li><li><a href="/css-minify">CSS Minify</a></li><li><a href="/css-beautify">CSS Beautify</a></li><li><a href="/javascript-beautify">Javascript Beautify</a></li><li><a href="/html-beautify">HTML Beautify</a></li><li><a href="/perl-beautify">Perl Beautify</a></li><li><a href="/php-beautify">PHP Beautify</a></li><li><a href="/go-beautify">GO Beautify</a></li><li><a href="/ruby-beautify">Ruby Beautify</a></li><li><a href="/sql-beautify">SQL Beautify</a></li><li><a href="/xml-beautify">XML Beautify</a></li></ul>

Becomes this beautified :

<ul class="dropdown-menu">
    <li><a href="/javascript-minify">Javascript Minify</a>
    <li><a href="/css-minify">CSS Minify</a>
    <li><a href="/css-beautify">CSS Beautify</a>
    <li><a href="/javascript-beautify">Javascript Beautify</a>
    <li><a href="/html-beautify">HTML Beautify</a>
    <li><a href="/perl-beautify">Perl Beautify</a>
    <li><a href="/php-beautify">PHP Beautify</a>
    <li><a href="/go-beautify">GO Beautify</a>
    <li><a href="/ruby-beautify">Ruby Beautify</a>
    <li><a href="/sql-beautify">SQL Beautify</a>
    <li><a href="/xml-beautify">XML Beautify</a>

Related Tools:

CSS Formatter

Javascript Formatter

PHP Formatter

Purchasing from Tesla?

Get free Super Charging for life when you purchase a Model S, Model X, or Model 3 Performance, or a 5-Year warranty on a solar install.

Help the site out by using this referral like to purchase:

Supercharge Your SEO

Competitive analytics is essential to any SEO strategy. Give Spyfu a try!