HTML Форматирование

Форма HTML Форматирования

Эта форма позволяет вам создавать красивый HTML код и делать ваш HTML-код более читабельным. Онлайн HTML форматирование также украшает CSS и JavaScript между их тегами.


Перенести в «Вставить код» для сохранения

О HTML Форматировании

Об инструменте HTML Formatter

Форматирование HTML онлайн была создана, чтобы помочь с отладкой. Поскольку данные HTML часто выводятся без разрывов строк для экономии места, на самом деле их чрезвычайно сложно читать. Этот инструмент позволяет решить проблему путем форматирования HTML-кода, чтобы его было легко читать и отлаживать.

Как это работает?

Просто вставьте свой HTML-код в текстовую область выше и нажмите кнопку "Форматировать", и вы получите красивый HTML-код в той же текстовой области. Вы можете скопировать или сохранить отформатированный HTML код.

Пример HTML Форматирования

Исходные данные (До):
<!DOCTYPE html><html><head><title>wtools.io - Best Tools</title><style>body{background-color:#d0e4fe}h1{color:red}p{font-family:Arial;font-size:25px}</style></head><body><h1>Frre HTML Formatter</h1><div>Sample text in div</div><ul>Sample UL<li>Test</li><li>Debug</li><li>Execute</li></ul><p>This is a paragraph.</p><table><tr><th>100</th><th>200</th><th>300</th></tr><tr><td>100</td><td>200</td><td>300</td></tr></table></body></html>
Конечный результат (После):
<!DOCTYPE html>
<html>

<head>
    <title>wtools.io - Best Tools</title>
    <style>
    body {
        background-color: #d0e4fe;
    }

    h1 {
        color: red;
    }

    p {
        font-family: "Arial";
        font-size: 25px;
    }
    </style>
</head>

<body>
    <h1>Frre HTML Formatter</h1>
    <div>Sample text in div</div>
    <ul>Sample UL
        <li>Test</li>
        <li>Debug</li>
        <li>Execute</li>
    </ul>
    <p>This is a paragraph.</p>
    <table>
        <tr>
            <th>100</th>
            <th>200</th>
            <th>300</th>
        </tr>
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
    </table>
</body>

</html>