مفت آن لائن HTML بیوٹیفائر / فارمیٹر

Input data
bfotool loadding
Output data
bfotool loadding

ایچ ٹی ایم ایل فارمیٹر

اوپر والے فیلڈ میں اپنا گندا، چھوٹا، یا مبہم HTML درج کریں تاکہ اسے صاف اور خوبصورت بنایا جا سکے۔ اوپر والے ایڈیٹر میں مددگار لائن نمبرز اور نحو کو نمایاں کرنا بھی شامل ہے۔ بیوٹیفائر کو آپ کے ذاتی فارمیٹنگ کے ذوق کے مطابق بنانے کے لیے بہت سے اختیارات ہیں۔

آپ HTML Viewer، HTML Formatter، HTML Formatter کب استعمال کرتے ہیں۔

اکثر HTML لکھتے وقت آپ کا انڈینٹیشن، اسپیسنگ، اور دیگر فارمیٹنگ قدرے غیر منظم ہو سکتی ہے۔ متعدد ڈویلپرز کے لیے ایک ہی پروجیکٹ پر کام کرنا بھی عام ہے جن کے پاس فارمیٹنگ کی مختلف تکنیکیں ہیں۔ یہ ٹول فائل کی فارمیٹنگ کو یکساں بنانے میں مددگار ہے۔ ایچ ٹی ایم ایل کا چھوٹا یا مبہم ہونا بھی عام ہے۔ آپ اس ٹول کو اس کوڈ کو خوبصورت اور پڑھنے کے قابل بنانے کے لیے استعمال کر سکتے ہیں تاکہ اس میں ترمیم کرنا آسان ہو۔

HTML فارمیٹر کی مثالیں۔

ذیل میں چھوٹا HTML:

<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>

یہ خوبصورت بن جاتا ہے:

<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>