ブラウザ内で処理
HTMLを整形
タグ・属性・文字列を見やすく色分けします。
入力コード
整形後プレビュー
1<section class="hero">
2 <h1>
3 ToshiLab
4 </h1>
5 <p>
6 HTMLを見やすく整形します。
7 </p>
8 <a href="/tools/">
9 Toolsへ
10 </a>
11</section>
初心者向けメモ
色分けを見ると、タグ・属性・文字列・数値などの役割をつかみやすくなります。
注意
このツールは学習用の簡易整形です。厳密な業務整形はVS CodeやPrettierと併用してください。