Чтобы открыть HTML-файл, дважды щёлкните по нему: компьютер передаст его браузеру, и вы увидите страницу. Если вместо браузера запускается Блокнот или Word, нажмите на файл правой кнопкой и выберите «Открыть с помощью» → Chrome, Edge или Яндекс Браузер. Интернет не нужен, браузер читает файл прямо с диска.
Ниже способы для Windows и Mac, для Android и iPhone, онлайн-просмотрщики, MHTML и случай, когда двойного щелчка мало и нужен локальный сервер. Если файл вы собираетесь писать сами, начните с инструкции как создать HTML-файл index.html, а что вообще скрывается за тремя буквами, разобрано в статье что такое язык разметки HTML.
CheckroiПодборка курсов по HTML208 курсов • 42 школыСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Как открыть HTML-файл на компьютере
Файл с расширением .html или .htm открывает любой браузер. Способов пять, и подходят они под разные ситуации:
| Способ | Что сделать | Когда удобен |
|---|---|---|
| Двойной щелчок | Дважды щёлкнуть по файлу в Проводнике или Finder | Файл открывается браузером по умолчанию |
| «Открыть с помощью» | Правая кнопка → «Открыть с помощью» → браузер (на Mac: Control-щелчок → «Открыть в приложении») | По щелчку запускается редактор, а не браузер |
| Перетащить | Перенести файл мышкой в открытое окно браузера | Нужно проверить страницу в другом браузере |
| Горячие клавиши | В Chrome нажать Ctrl+O, на Mac ⌘+O, и выбрать файл | Браузер уже открыт |
| Адресная строка | Вставить путь вида file:///C:/Users/Имя/Downloads/page.html |
Нужно открыть тот же файл в нескольких вкладках |
Сочетание Ctrl+O для файлов с компьютера есть в официальном списке быстрых клавиш Chrome. В адресной строке после открытия появится file:/// вместо https: так браузер показывает, что страница взята с диска.
Браузер не следит за файлом. Поправили код и сохранили? Обновите вкладку клавишей F5 (на Mac ⌘+R), иначе на экране останется прошлая версия.
Если файл открывается в Блокноте или Word
Значит, за расширением .html закреплена другая программа. Один раз переназначьте его на браузер, и двойной щелчок заработает как надо.
Windows 10 и 11
- Откройте «Параметры» → «Приложения» → «Приложения по умолчанию».
- В Windows 11 введите
.htmlв строке поиска на этой странице. В Windows 10 строки поиска там нет: нажмите «Выбор стандартных приложений для типов файлов» и найдите .html в списке. - Нажмите на программу, которая стоит сейчас, и выберите браузер.
- Повторите для
.htm, если такие файлы тоже встречаются.
Порядок действий описан в справке Microsoft о приложениях по умолчанию.
macOS
- Выделите файл в Finder и выберите «Файл» → «Свойства».
- Раскройте раздел «Открывать в приложении».
- Выберите браузер и нажмите «Настроить», чтобы правило действовало для всех таких файлов.
Шаги сверены со справкой Apple. Если нужно открыть браузером только один файл, «Настроить» нажимать не обязательно.
Канал основателя Checkroi Вани Буявца3 700 человек читают мой Телеграм-канал про нейросетиСобрал промпты для Claude Code и ChatGPT, разборы ИИ-инструментов и лайфхаки по продвижению бизнеса в одном местеПрисоединитьсяКак открыть HTML-файл на телефоне
На телефоне HTML обычно появляется как вложение из почты, мессенджера или как скачанная страница. Двойного щелчка там нет, поэтому порядок другой.
Android
- Откройте встроенное приложение «Файлы» и найдите документ, чаще всего он лежит в папке «Загрузки».
- Нажмите на файл. Если система спросит, чем открыть, выберите Chrome или другой браузер.
- Если файл открылся не там, найдите в меню файла пункт «Открыть с помощью» (в некоторых версиях Android он называется «Открыть через…») и выберите браузер.
Учтите ограничение. Файловый менеджер передаёт браузеру не путь к файлу, а служебную ссылку content://, поэтому картинки и стили CSS из соседних файлов на странице не появятся. Причина описана в обсуждении разработчиков Firefox для Android: так устроен доступ к файлам в самой системе. Одиночную страницу, где всё внутри одного файла, это не задевает.
iPhone
На iPhone HTML-файл тоже лежит в приложении «Файлы». Дальше два пути:
- нажать на файл в «Файлах» и посмотреть его во встроенном просмотре;
- если просмотр показывает код или пустой экран, открыть в Safari онлайн-просмотрщик из раздела ниже и загрузить файл через кнопку выбора.
Для личных документов второй путь не подходит: файл уходит на чужой сервер. Такой документ надёжнее переслать себе на компьютер.
Как открыть HTML-файл онлайн
Онлайн-просмотрщик пригодится, когда под рукой чужой компьютер, планшет или телефон без нужного приложения. Файл загружается на сайт, а тот рисует страницу у вас в браузере.
- Online Document Viewer принимает HTML, HTM, MHTML и MHT до 5 МБ и, по словам сервиса, удаляет файл после просмотра;
- GroupDocs Viewer делает то же самое и работает без регистрации;
- CodePen подходит, если у вас не файл, а кусок кода: вставляете разметку в окно HTML и сразу видите результат.
Таблицы открываются в браузере по тому же принципу, это мы разобрали в инструкции как открыть Excel онлайн.
Загруженный файл уходит на чужой сервер. Банковскую выписку, договор, письмо с личными данными в онлайн-просмотрщик лучше не загружать, даже если сервис обещает всё удалить. Такие документы открывайте в своём браузере.
Как посмотреть HTML-код файла, а не страницу
Иногда нужна не страница, а разметка: найти ссылку, проверить кодировку, понять, почему что-то не отображается. Для этого есть три способа.
- Откройте файл в браузере и нажмите Ctrl+U (на Mac ⌘+Option+U). В новой вкладке появится код с номерами строк, правке он не поддаётся.
- Допишите перед адресом в строке браузера
view-source:, получится тот же результат. - Откройте файл редактором: правая кнопка → «Открыть с помощью» → «Блокнот», TextEdit или редактор кода. Здесь код уже можно менять.
Так выглядит просмотр кода нашей тестовой страницы в Chrome:
В длинном коде нужное место ищется обычным поиском по странице: Ctrl+F (на Mac ⌘+F) работает и во вкладке с кодом. Так быстро находятся ссылки (href), картинки (src) и строка с кодировкой (charset).
Для правки удобнее редактор кода с подсветкой тегов. Какой выбрать, мы сравнили в разборе редакторов кода для веб-разработки.
CheckroiПодборка курсов по VS Code69 курсов • 26 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Когда двойного щелчка мало: локальный сервер
Страница, открытая с диска, работает не целиком. Браузер ограничивает файлы с адресом file://: не загружаются JavaScript-модули, не работают запросы fetch к соседним файлам. Об этом прямо предупреждает руководство MDN по модулям: при загрузке через file:// будут ошибки CORS, тестировать нужно через сервер.
Мы проверили это на простой странице. Она подключает скрипт app.js как модуль, и если он сработал, красная плашка становится зелёной. Открываем файл двойным щелчком:
Плашка осталась красной. А в консоли Chrome (F12 → «Console») видна такая ошибка:
Access to script at 'file:///…/site/app.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app.Решение: запустить маленький веб-сервер прямо в папке с файлом. Если на компьютере есть Python, хватит одной команды в терминале:
cd путь/к/папке/сайта
python3 -m http.server 8000На Windows вместо python3 обычно пишут python. Дальше откройте в браузере адрес http://localhost:8000/, сервер сам отдаст index.html из этой папки. Порт 8000 стоит по умолчанию, другую папку задают флагом --directory, всё это есть в документации модуля http.server. Где взять сам Python, рассказываем в инструкции как скачать Python с официального сайта.
Тот же файл через сервер: модуль загрузился, плашка зелёная. В терминале на каждый запрос браузера появляется строка, по ней видно, какие файлы страница запросила и нашлись ли они:
::1 - - [11/Oct/2026 18:46:19] "GET / HTTP/1.1" 200 -
::1 - - [11/Oct/2026 18:46:19] "GET //selcdn.checkroi.ru/app.js HTTP/1.1" 200 -
::1 - - [11/Oct/2026 18:46:19] "GET /favicon.ico HTTP/1.1" 404 -Код 200 означает, что файл отдан, 404 означает, что его нет. Ошибка про favicon.ico безобидна: браузер сам ищет значок вкладки, которого у тестовой страницы нет. Остановить сервер можно сочетанием Ctrl+C в терминале. Документация Python предупреждает, что для настоящего сайта http.server не годится, он нужен только для проверки страниц у себя.
Если вы пишете код в VS Code, такой же сервер запускают расширения из встроенного магазина, они ещё и обновляют вкладку после каждого сохранения. Зачем вообще нужны скрипты на странице, объясняет статья про DOM-дерево в JavaScript.
CheckroiПодборка курсов по Javascript209 курсов • 37 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Канал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 700 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в каналЧто делать с файлами MHTML и сохранёнными страницами
Когда страницу сохраняют вариантом «Веб-страница, один файл», получается не .html, а .mhtml (или .mht): текст, картинки и стили упакованы в один архив. Открывается он так же, двойным щелчком или перетаскиванием в браузер.
Сохранить страницу в таком виде можно и самому: в Chrome нажмите Ctrl+S (на Mac ⌘+S) и в поле типа файла выберите «Веб-страница, один файл». Это удобно для архива: одну вещь проще переслать и не потерять, чем файл с папкой.
| Браузер | MHTML |
|---|---|
| Google Chrome | Открывает, мы проверили на сохранённой тестовой странице |
| Edge, Яндекс Браузер | Построены на том же движке Chromium, что и Chrome |
| Firefox | Своей поддержки пока нет, задача в трекере Mozilla открыта |
С обычным сохранением «Веб-страница полностью» рядом с файлом появляется папка с тем же именем и окончанием _files. В ней лежат картинки и стили. Переносите файл и папку только вместе, иначе страница откроется голым текстом.
HTML-файл пришёл в письме: прежде чем открывать
HTML-вложения любят мошенники: файл открывается в браузере и может нарисовать там что угодно, включая окно входа в почту. В разборе Malwarebytes от 2 марта 2026 года вложение называлось New PO 500PCS.pdf.hTM. Получатель видел «документ», а открывалась форма с уже вписанным адресом его почты, и введённый пароль уходил злоумышленнику.
Три правила, которые защищают от такой схемы:
- смотрите на последнее расширение: файл
.pdf.htmбудет HTML-страницей, а не PDF; - не вводите пароль в окно, которое появилось после открытия вложения, заходите в сервис по его обычному адресу;
- письмо от незнакомого отправителя с HTML-вложением лучше удалить, не открывая.
Выписки и чеки от банков и магазинов, которые вы ждали, открываются обычным способом. Но и в них пароль вводить не нужно: документу он ни к чему.
Частые ошибки и что с ними делать
Почти все проблемы с открытием HTML укладываются в пять сценариев:
| Что видите | Почему | Что сделать |
|---|---|---|
| В браузере код вместо страницы | Файл на самом деле называется page.html.txt, Windows спрятала настоящее расширение |
Включите показ расширений в Проводнике и удалите «.txt» из имени |
| Файл открывается в Word или Блокноте | Расширение закреплено за редактором | Переназначьте программу по умолчанию, как в разделе выше |
| Нет картинок и оформления | Файл открыт без соседней папки _files или на Android через content:// |
Храните файл и папку рядом, на телефоне откройте копию на компьютере |
| Вместо русских букв ромбики | Кодировка файла не совпадает с объявленной в коде | Пересохраните файл в UTF-8, подробности в разборе про создание HTML-файла |
| Правка не видна | Вкладка показывает старую версию | Сохраните файл и нажмите F5 или Ctrl+R |
Если страница открылась, но кнопки и меню не реагируют, вернитесь к разделу про локальный сервер: скорее всего, браузер не пустил скрипты, загруженные с диска.
Где освоить HTML системно
Открыть чужую страницу несложно. Чтобы самому собирать страницы, подключать стили CSS и скрипты, нужны HTML, CSS и основы JavaScript, а какие ещё навыки ждут в профессии, видно по плану как стать веб-разработчиком.
Курсы ниже мы отобрали в каталоге курсов по HTML: от коротких вводных до программ с проектами в портфолио.
| Курс | Школа | Стоимость со скидкой | В рассрочку | Длительность | Обзор курса от Checkroi |
|---|---|---|---|---|---|
| HTML и CSS с нуля Перейти на сайт курса |  Skillbox | 91 626 ₽ | 7635 ₽/мес. | 11 месяцев | Обзор курса |
| HTML и CSS. Адаптивная вёрстка и автоматизация Перейти на сайт курса |  HTML Academy | 23 400 ₽ | 3900 ₽/мес. | 2 месяца | Обзор курса |
| Основы вёрстки HTML и CSS Перейти на сайт курса |  Академия Синергия | 32 676 ₽ | 2723 ₽/мес. | 3 месяца | Обзор курса |
| HTML и CSS с нуля |  Skypro | 195 160 ₽ | 7972 ₽/мес. | 12 месяцев | Обзор курса |
| Frontend-разработчик: сайты на HTML/CSS/JavaScript Перейти на сайт курса |  Coddy | 9200 ₽ | - | 3 месяца | Обзор курса |
Больше программ — в полном каталоге курсов по HTML
