ਮੁਫਤ ਔਨਲਾਈਨ HTML ਬਿਊਟੀਫਾਇਰ / ਫਾਰਮੈਟਰ

Input data
bfotool loadding
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Output data
bfotool loadding
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

HTML ਫਾਰਮੇਟਰ

ਇਸ ਨੂੰ ਸਾਫ਼ ਕਰਨ ਅਤੇ ਸੁੰਦਰ ਬਣਾਉਣ ਲਈ ਉੱਪਰ ਦਿੱਤੇ ਖੇਤਰ ਵਿੱਚ ਆਪਣਾ ਗੜਬੜ, ਛੋਟਾ, ਜਾਂ ਗੁੰਝਲਦਾਰ HTML ਦਾਖਲ ਕਰੋ। ਉਪਰੋਕਤ ਸੰਪਾਦਕ ਵਿੱਚ ਮਦਦਗਾਰ ਲਾਈਨ ਨੰਬਰ ਅਤੇ ਸਿੰਟੈਕਸ ਹਾਈਲਾਈਟਿੰਗ ਵੀ ਸ਼ਾਮਲ ਹੈ। ਬਿਊਟੀਫਾਇਰ ਨੂੰ ਤੁਹਾਡੇ ਨਿੱਜੀ ਫਾਰਮੈਟਿੰਗ ਸਵਾਦ ਅਨੁਸਾਰ ਤਿਆਰ ਕਰਨ ਲਈ ਬਹੁਤ ਸਾਰੇ ਵਿਕਲਪ ਹਨ।

ਤੁਸੀਂ HTML ਵਿਊਅਰ, HTML ਫਾਰਮੈਟਰ, HTML ਫਾਰਮੈਟਰ ਦੀ ਵਰਤੋਂ ਕਦੋਂ ਕਰਦੇ ਹੋ

ਅਕਸਰ ਜਦੋਂ HTML ਲਿਖਦੇ ਹੋ ਤਾਂ ਤੁਹਾਡੀ ਇੰਡੈਂਟੇਸ਼ਨ, ਸਪੇਸਿੰਗ, ਅਤੇ ਹੋਰ ਫਾਰਮੈਟਿੰਗ ਥੋੜੀ ਅਸੰਗਤ ਹੋ ਸਕਦੀ ਹੈ। ਕਈ ਡਿਵੈਲਪਰਾਂ ਲਈ ਇੱਕ ਸਿੰਗਲ ਪ੍ਰੋਜੈਕਟ 'ਤੇ ਕੰਮ ਕਰਨਾ ਵੀ ਆਮ ਗੱਲ ਹੈ ਜਿਨ੍ਹਾਂ ਕੋਲ ਵੱਖ-ਵੱਖ ਫਾਰਮੈਟਿੰਗ ਤਕਨੀਕਾਂ ਹਨ। ਇਹ ਟੂਲ ਫਾਈਲ ਦੀ ਫਾਰਮੈਟਿੰਗ ਨੂੰ ਇਕਸਾਰ ਬਣਾਉਣ ਲਈ ਮਦਦਗਾਰ ਹੈ। 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>