Как запустить HTML в браузере

Шаги

1. Начните с стартового шаблона или загрузите пример проекта.
2. Редактируйте структуру HTML, стили CSS и поведение JavaScript.
3. Нажмите «Запуск» (Ctrl/Cmd + Enter), чтобы обновить sandbox-предпросмотр.
4. Откройте панель console для просмотра log, warn и error.
5. Используйте адаптивные элементы управления для проверки вёрстки на типичных ширинах.
6. Форматируйте, копируйте или скачивайте работу как index.html.

Пример

Пример — Запуск

HTML

<button id="demo">Hello</button>

CSS

#demo { padding: 12px 24px; color: white; background: #2563eb; border: 0; border-radius: 8px; }

JavaScript

document.getElementById("demo").addEventListener("click", () => console.log("Hello"));

Вставьте каждый блок в соответствующее поле и запустите код. Нажатие синей кнопки выводит Hello в консоль.

Совет

Базовое выполнение HTML, CSS и JavaScript для предпросмотра происходит локально в вашем браузере.

Связанные инструменты