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>