இலவச ஆன்லைன் HTML Beautifier / Formatter

Input data
bfotool loadding
Output data
bfotool loadding

HTML ஃபார்மேட்டர்

உங்கள் குழப்பமான, சிறிய அல்லது தெளிவற்ற HTML ஐ மேலே உள்ள புலத்தில் உள்ளிடவும், அதை சுத்தம் செய்து அழகாக மாற்றவும். மேலே உள்ள எடிட்டரில் பயனுள்ள வரி எண்கள் மற்றும் தொடரியல் சிறப்பம்சங்கள் உள்ளன. உங்கள் தனிப்பட்ட வடிவமைப்பு ரசனைகளுக்கு அழகுபடுத்தும் பல விருப்பங்கள் உள்ளன.

நீங்கள் எப்போது HTML Viewer, HTML Formatter, HTML Formatter ஐப் பயன்படுத்துகிறீர்கள்

பெரும்பாலும் 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>