H
Helpful Tools
Главная
О нас
Тема
Тема
HTML редактор
Редактируйте HTML код и мгновенно видьте результат
Копировать HTML
Скачать HTML
Редактор
Введите HTML код
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Моя страница</title> <style> body { font-family: system-ui, sans-serif; max-width: 600px; margin: 2rem auto; padding: 1rem; line-height: 1.6; } h1 { color: #2563eb; } .card { background: #f1f5f9; padding: 1rem; border-radius: 8px; margin: 1rem 0; } button { background: #2563eb; color: white; padding: 0.5rem 1rem; border: none; border-radius: 4px; cursor: pointer; } button:hover { background: #1d4ed8; } </style> </head> <body> <h1>Привет, мир! 👋</h1> <p>Это пример <strong>HTML страницы</strong>.</p> <div class="card"> <h3>Возможности</h3> <ul> <li>Редактирование HTML</li> <li>Предпросмотр в реальном времени</li> <li>Скачивание файла</li> </ul> </div> <button onclick="alert('Привет!')">Нажми меня</button> </body> </html>
Предпросмотр
Результат рендеринга в реальном времени