Kyauta ta Kan layi HTML Beautifier / Mai tsarawa

Input data
bfotool loadding
Output data
bfotool loadding

HTML Formater

Shigar da ɓarna, ƙaranci, ko ɓoyayyen HTML a cikin filin da ke sama don tsabtace shi kuma ya yi kyau. Editan da ke sama kuma ya ƙunshi lambobin layi masu taimako da nuna alama. Akwai zaɓuɓɓuka da yawa don daidaita ƙawata zuwa abubuwan da kuke tsarawa na sirri.

Yaushe kake amfani da HTML Viewer, HTML Formatter, HTML Formatter

Sau da yawa lokacin rubuta HTML ɗinku, tazara, da sauran tsarawa na iya zama ɗan rashin tsari. Hakanan ya zama ruwan dare ga masu haɓakawa da yawa suyi aiki akan aiki ɗaya waɗanda ke da dabarun tsarawa daban-daban. Wannan kayan aikin yana taimakawa don daidaita tsarin fayil ɗin. Har ila yau, ya zama ruwan dare don rage ko ɓoye HTML. Kuna iya amfani da wannan kayan aikin don sanya waccan lambar ta yi kyau kuma ana iya karantawa don ta sami sauƙin gyarawa.

Misali HTML Formatter

Karamin HTML ɗin da ke ƙasa:

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

Ya zama wannan ƙawata:

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