HTML Formatter

Indent tangled HTML properly, or strip it down for production.

Runs in your browser — nothing is uploaded
Indent
Your HTML
Result
<!DOCTYPE html>
<html>
  <head>
    <title>
      WebPrims
    </title>
  </head>
  <body>
    <div class="card">
      <h1>
        Hello
      </h1>
      <p>
        Learn to build
        <strong>
          real
        </strong>
        software.
      </p>
      <ul>
        <li>
          Python
        </li>
        <li>
          Full Stack
        </li>
      </ul>
      <img src="logo.png" alt="WebPrims">
    </div>
  </body>
</html>

The contents of <pre>, <textarea>, <script> and <style> are left exactly as you wrote them — reformatting those would change what the page does.

Want to understand what this is doing?

Clean, semantic markup is where the Front End course starts. We teach it on the Front End Development course in Amritsar, in person or online.

Front End Development All tools