HTML ਬਿਊਟੀਫਾਈ ਟੂਲ- ਮੁਫ਼ਤ ਔਨਲਾਈਨ HTML ਫਾਰਮੈਟਰ ਅਤੇ ਬਿਊਟੀਫਾਇਰ

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>