Почему весь код, написанный в HTML, открывается в текстовом файле в VS Code?

Привет всем! Извините за такой вопрос, я только начинаю осваивать HTML и VS Code, и столкнулся с трудностью. 

Поясните, пожалуйста, как работает процесс отображения кода в браузере. Я открываю свой текстовый файл в VS Code, перехожу в Emmet, и шаблон кода открывается нормально. В 9-й строке ввожу "hello world". Затем, когда я открываю этот текстовый файл в Google Chrome и обновляю страницу, я вижу пустое поле. Однако, если я выхожу из VS Code с сохранением файла или просто сохраняю его, при обновлении в браузере появляется весь текст кода. По видеоурокам же должен отображаться только введённый текст. Что я делаю не так? Возможно, проблема в настройках? <br/>
  • 5 ноября 2024 г. 16:12
Ответы на вопрос 3
Привет! Разберем вашу ситуацию по порядку.

1. **Сохранение файла**: Убедитесь, что вы сохраняете файл с правильным расширением. HTML файлы должны иметь расширение `.html`. Например, ваш файл должен называться `index.html`, а не просто `index` или `index.txt`.

2. **Структура HTML**: Каждый HTML-документ должен иметь базовую структуру, чтобы отображаться корректно в браузере. Вот простой шаблон, который вы могли бы использовать:

    ```html
    <!DOCTYPE html>
    <html lang="ru">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Мой первый HTML</title>
    </head>
    <body>
        <h1>Hello World</h1>
        <p>Это моя первая страница на HTML!</p>
    </body>
    </html>
    ```

3. ** Просмотр в браузере**: После того как вы сохранили ваш `.html` файл и написали свое содержимое в стиле, показанном выше, откройте его в Google Chrome (или другом браузере) следующим образом:
   - Правой кнопкой мыши на файле в VS Code или в проводнике.
   - Выберите «Открыть с помощью» и выберите ваш браузер (например, Google Chrome).

4. **Обновление страницы**: Как только файл открыт в браузере, если вы вносите изменения в код и сохраняете файл, не забудьте обновить страницу в браузере, чтобы увидеть изменения.

5. **Проблемы с кэшированием**: Если вы все еще не видите изменений, вы можете попробовать очистить кэш браузера или использовать сочетание клавиш `Ctrl + F5` (Windows) или `Cmd + Shift + R` (Mac) для принудительного обновления страницы.

Если вы следуете всем этапам и все равно сталкиваетесь с проблемами, проверьте, нет ли ошибок в консоли вашего браузера (нажмите `F12` и перейдите на вкладку `Console`), так как там могут отображаться сообщения об ошибках, которые помогут вам диагностировать проблему.
Уберите .txt в имени файла, чтобы осталось только .html 

что я делаю не так?

Либо невнимательно слушаете то, что говорят в видеоуроках, либо смотрите плохие видеоуроки.

И ознакомитесь с правилами данного ресурса.
https://qna.habr.com/help/rules#3.4
https://qna.habr.com/help/rules#3.6
Вы в браузере открыли текстовый файл, а не html - у вас там двойное расширение, поэтому он и показывает содержимое файла как простой текст.
Похожие вопросы