HTML ফরম্যাটারHTML formatter
HTML formatterHTML ফরম্যাটার
এক লাইনে জমানো বা এলোমেলো HTML পেস্ট করুন, পরিষ্কার ইন্ডেন্টসহ আউটপুট পান। চাইলে উল্টো — স্পেস ও মন্তব্য কেটে ছোট করুন।
সব হিসাব আপনার ব্রাউজারেই হয়, কিছুই সার্ভারে যায় না।
কীভাবে কাজ করেHow it works
HTML-কে ট্যাগ, লেখা, মন্তব্য ও কাঁচা অংশে (script/style/pre/textarea) ভেঙে একটা গাছ বানানো হয়, তারপর স্তর ধরে ইন্ডেন্ট করে লেখা হয়। ছোট ইনলাইন অংশ (যেমন <b>লেখা</b>) এক লাইনে থাকে। <li>, <p>, <td>-র মতো যেসব ট্যাগের বন্ধ-ট্যাগ বাদ দেওয়া চলে, সেগুলো নিজে বন্ধ করে। <pre> ও <textarea>-র ভেতরের লেখা অক্ষত থাকে। কিছুই চালানো হয় না।
হিসাবের উদাহরণWorked examples
এলোমেলো HTML
- ইনপুট
- <div class="a"><p>Hello <b>বাংলা</b></p><ul><li>এক<li>দুই</ul><img src="x.png"></div>
- কাজ
- সাজান
- ইন্ডেন্ট
- ২ স্পেস
- মন্তব্য রাখুন (minify-এ)
- না
- আগে (অক্ষর)
- ৮৫
- পরে (অক্ষর)
- ১১৮
Minify
- ইনপুট
- <div> <p> লেখা </p> <!-- মন্তব্য --> </div>
- কাজ
- ছোট করুন
- ইন্ডেন্ট
- ২ স্পেস
- মন্তব্য রাখুন (minify-এ)
- না
- আগে (অক্ষর)
- ৪৯
- পরে (অক্ষর)
- ২৪
সাধারণ প্রশ্নFrequently asked questions
অসম্পূর্ণ বা ভুল HTML দিলে কী হবে?
টুল যতটা সম্ভব পড়ে সাজায়, ভুল ধরে না। বন্ধ না করা ট্যাগ শেষে বন্ধ ধরা হয় আর অচেনা বন্ধ-ট্যাগ যেমন আছে তেমন থাকে।
সাজানোর পর কি পেজের চেহারা বদলাবে?
সাধারণত না, তবে ইনলাইন উপাদানের মাঝের স্পেস HTML-এ অর্থ রাখে — বিরল ক্ষেত্রে সামান্য ফাঁক বদলাতে পারে। দরকারি হলে পরীক্ষা করে নিন।
আরও কাজের টুলMore useful tools
💻 ডেভেলপার টুল — সব টুল দেখুনDeveloper Tools — view all tools →