Merapihkan Source Code HTML dengan HTML Formatter

Pernahkah kalian ketika ingin belajar atau mencari suatu contoh desain website di google dan ingin mengambil atau mengcopy nya ke localhost dibuat sulit dengan source code HTML yang berantakan yang membuat pusing?

Yap, seperti inilah contohnya. Sering kali kita menemui ini pada website-website besar ataupun website penyedia template seperti themeforest. Source code HTML ini memang sengaja dibuat kurang rapih seperti ini. Tujuannya adalah menyulitkan seseorang yang ingin mengcopy halaman website tersebut. Karena sebagian orang akan menganggap kerja 2x, yaitu merapihkan kembali source HTML nya agar mudah diedit.

Tenang saja, bagi yang belum tau dan masih saja merapihkan manual ketika mendapati hal seperti ini. Berikut merupakan cara merapihkan source HTML ini dengan HTML Formatter.

1. Bukalah situs berikut ini

https://www.freeformatter.com/html-formatter.html
**Jika source codenya berupa PHP. Anda bisa mencobannya disitus http://www.phpformatter.com/**

2. Masukan source code HTML yang berantakan tadi kesana.

Ada 2 pilihan opsi disana, kalian bisa memasukkan pada kotak yang tersedia atau mengupload source HTML dari file.

3. Lalu 'Klik' FORMAT HTML di button bagian bawah, pilih saja yang FORMAT HTML IN NEW WINDOW agar terlihat jelas semua.

(Hasil dari HTML Formatter akan terlihat tersusun dengan baik seperti gambar diatas)

Yap, oke begitu saja. Mudah kan? hehhehe
Sekian dulu, semoga bermanfaat.