Создание Сайтов и их настройка

HTML Как создать html файл и что делать, если вместо HTML страницы отображается текст?

Как создать html файл и что делать, если вместо HTML страницы отображается текст?

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

Как создать html файл и что делать, если вместо HTML страницы отображается текст?

Данные проблемы чаще всего возникают не из-за самого пользователя, а из-за операционной системы, используемой на компьютере. При чем здесь операционная система?  Все дело в том, что по умолчанию операционные системы Windows, в частности XP и 7, скрывают расширение файлов. Отсюда и возникают проблемы, при создании файлов и назначении им правильного формата.

Я буду объяснять, на примере Windows XP и Windows 7, так как другие не использовал и не знаю, что там, да как.

Итак, для начала включим отображение расширения файлов.

Если используется Windows XP:

Открываем «Мой компьютер»

Заходим в «Сервис» и выбираем пункт «Свойства папки».

Затем, в открывшемся окне выбираем вкладку «Вид».

Находим пункт «Скрывать расширения для зарегистрированных типов файлов», и снимаем галочку.

Нажимаем «Применить» и «ОК».

Если используется Windows 7:

Открываем «Компьютер»

Кликаем на «Упорядочить» и выбираем из списка «Параметры папок и поиска»

В открывшемся окне выбираем вкладку «Вид».

Находим пункт «Скрывать расширения для зарегистрированных типов файлов», и снимаем галочку.

Нажимаем «Применить» и «ОК».

Теперь, если все сделано правильно в конце имени файлов, будет дописано расширение файла, типа: .txt, .html и т.д. Так будет гораздо удобнее ориентироваться в форматировании файлов.

Переходим к решению поставленных вопросов.

Как создать html файл?

Здесь, все на самом деле, до безобразия просто. Есть несколько вариантов, в зависимости, каким инструментом мы пользуемся.

Если используется NotePad++:

Сначала, хочу заметить, что это самый оптимальный и удобный вариант, для написания html, css и php. Подробнее о программе, я уже рассказывал здесь.

После открытия программы, создаем новый документ.

Выбираем подходящий синтаксис, для подсветки кода, что очень облегчает написание кода.

И после написания кода, выбираем «Сохранить как». В первое поле пишем название файла, а во втором выбираем его формат, в нашем случае — HTML.

После чего, сохраняем.

Таким образом, можно создать html файл, с помощью текстового редактора NotePad.

Если используется блокнот:

Скажу сразу, что это не оптимальный вариант на данный момент. Но все же, я не могу упустить данный способ.

Создаем новый текстовый документ.

Пишем HTML код.

Сохраняем документ, как есть. (В формате txt.)

И переименовываем документ. При этом главное изменить не имя документа, а его расширение. То есть txt заменить на html. После чего, нажать «Enter». Выскочит предупреждение, где нажимаем на кнопку «ДА».

Вот так мы создали файл в формате html, с помощью блокнота.

Поле применения одного из вариантов создания, открываем файл в веб-браузере двойным кликом мыши. И смотрим, что у нас получилось.

При этом, если все сделано правильно файл должен открыться в веб-браузере, а не в блокноте.

Что делать, если вместо HTML страницы отображается текст?

Если же по какой-то причине, вместо того, чтобы открыться в браузере, файл открывается в блокноте в виде текста, то есть кода, который мы прописали. В этом случае необходимо вернуться к началу статьи и отключить скрытие расширения файлов.

Например, может быть ситуация, когда мы написали код в NotePad и сохранили его в формате HTML, но он упорно притворяется текстовым документом. Дело в том, что если не снять галочку, о которой шла речь в начале статьи, мы не увидим, что у нашего файла расширение не (название.html), а (название.html.txt). То есть, по сути, файл по-прежнему является обычным текстовым документом, отсюда и проблема.

То есть, как Вы уже догадались, для ее решения необходимо переименовать файл из (файл.html.txt) в (файл.html).

После данной манипуляции файл должен открыться в браузере, а не в текстовом редакторе в виде текста.

На этом у меня все. Надеюсь, данная статья поможет избавиться от вопросов, которые могут возникнуть в самом начале изучения html или css.

Удачи!

Расскажи друзьям:
Поделись ссылкой:
Комментарии
  1. Александр

    Реально долго искал решение проблемы, спасибо за помощь!

    Ответить
  2. Михаил Веб

    @ Марта:
    Провоцировать на что?
    Да, кстати, я заметил, что Вы пишите под разными именами с одного IP. В случае повторения данной ситуации попадете в черный список данного блога.
    Вот Ваш второй комментарий: http://sdelaemblog.ru/samostoyatelnaya-zashhita-wordpress-ot-spama/#comment-7665

    Ответить
  3. Марта

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

    Ответить
  4. Михаил Веб

    @ АннаК.: Поверьте, в html нет абсолютно ничего сложного — все довольно просто и логично. И его лучше знать, так как это основа основ сайтостроения.
    По поводу полтергейста — не понял, что Вы имеете ввиду? :?:
    По поводу путаницы с именем и сайтом: Скажите, пожалуйста, в какой момент это происходит? Или автоматически заполняется имя с сайтом не корректно?

    Ответить
  5. Анна К.

    Михаил, я прошлый пост про хтмл слала- что за полтергейст?!?
    Если что — удалите лишние комменты тогда, ладно?
    И у меня имя с сайтом местами меняются все время — наверное в отместку за то, что хтмл недолюбливаю :idea:

    Ответить
  6. Анна К

    Как-то странно мое имя в прошлом посте отразилось :idea: — наверное потому, что давно не заходила :twisted:

    Ответить
  7. АннаК.

    Постоянно слышу от мужа (на просьбу помочь что-нить сделать): «Учи html.»
    Тяну до последнего… хтмл для меня по-прежнему остается чем-то сложным, хотя в теории вроде все ясно.
    Кроме тегов форматирования и еще кое-чего — в голову больше ничего укладываться не желает.

    Ответить
  8. Михаил Веб

    @ Артем: Не за что.

    Ответить
  9. Артем

    Спасибо, очень интересно!)

    Ответить
  10. Михаил Веб

    @ Николай: Здравствуйте. Не за что.
    Как пропали теги я не могу сказать, так как причин может быть много. Возможно, при редактировании кода удалили вывод тегов, могут быть и другие причины.
    Для исправления добавить вывод тегов в файл single.php (по умолчанию). Например, такой код:

    По поводу поисковиков: Зависит от того, продвигаете теги или нет. Если, например, теги закрыты от индексации в robots.txt, то поисковики не увидят никаких изменений. Чаще всего теги используются, для посетителей, а не поисковых систем.
    В общем, не на один Ваш вопрос, сходу не получится ответить, к сожалению.

    Ответить
  11. Николай

    Спасибо за информацию. У меня такой вопрос. В последнее время в моих статьях на сайте отсутствуют теги ,, которые раньше присутствовали. Как это исправить? И не влияет это на поисковую выдачу?

    Ответить

Нажимая на кнопку "Комментировать" Вы согласшаетесь с условиями политики конфиденциальности

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.

Навигация по статье