Percantik / Pemformat HTML Online Gratis

Input data
bfotool loadding
Output data
bfotool loadding

Pemformat HTML

Masukkan HTML Anda yang berantakan, diperkecil, atau dikaburkan ke dalam bidang di atas untuk dibersihkan dan dibuat cantik. Editor di atas juga berisi nomor baris dan penyorotan sintaks yang membantu. Ada banyak pilihan untuk menyesuaikan beautifier dengan selera format pribadi Anda.

Kapan Anda menggunakan HTML Viewer, HTML Formatter, HTML Formatter?

Seringkali saat menulis HTML, lekukan, spasi, dan pemformatan Anda lainnya bisa menjadi sedikit tidak teratur. Juga umum bagi beberapa pengembang untuk mengerjakan satu proyek yang memiliki teknik pemformatan berbeda. Alat ini berguna untuk membuat pemformatan file yang konsisten. Hal ini juga umum untuk HTML untuk diperkecil atau dikaburkan. Anda dapat menggunakan alat ini untuk membuat kode itu terlihat cantik dan mudah dibaca sehingga lebih mudah untuk diedit.

Contoh Pemformat HTML

HTML yang diperkecil di bawah ini:

<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li><li><a href="#">Page 3</a></li></ul> </div></nav>

Menjadi ini dipercantik:

<nav class="navbar navbar-default">
     <div class="container-fluid">
         <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> 
         </div>
         <ul class="nav navbar-nav">
             <li class="active"><a href="#">Home</a>
             </li>
             <li><a href="#">Page 1</a>
             </li>
             <li><a href="#">Page 2</a>
             </li>
             <li><a href="#">Page 3</a>
             </li>
         </ul>
     </div>
 </nav>