Песочница: онлайн-редактор HTML, CSS и JavaScript

Свободный режим без заданий и проверок. Пишите код слева — результат появляется справа. Работа сохраняется в браузере, готовую страницу можно скачать файлом.

Как пользоваться

Три вкладки — index.html, style.css и script.js. Файлы стилей и скриптов уже подключены в разметке, их содержимое подставляется само.
Результат обновляется через мгновение после того, как вы перестали печатать. Можно и вручную — Ctrl + Enter.
Кнопка «Консоль» над результатом показывает вывод console.log и сообщения об ошибках.
«Скачать» сохраняет готовый HTML-файл со встроенными стилями — его можно открыть на любом компьютере без интернета.

Если вы здесь впервые и не знаете, что писать, начните с курса «Свой первый сайт» — шестнадцать уроков с нуля, бесплатно.

Частые вопросы

Что такое онлайн-редактор HTML?

Это страница, на которой можно писать код и сразу видеть результат в соседнем окне, не устанавливая программы на компьютер. Удобно для учёбы и быстрых проверок.

Сохраняется ли то, что я написал?

Да, код остаётся в памяти браузера на этом устройстве — при следующем открытии страницы он подгрузится. Чтобы забрать работу насовсем, нажмите «Скачать»: браузер сохранит готовый HTML-файл.

Можно ли писать JavaScript?

Да, для этого есть отдельная вкладка script.js. Сообщения из console.log видны в кнопке «Консоль» над окном результата.